Новый вид материалов от WinSkin с увеличением картинки !
Делать было нечего , нарисовал и сверстал вид материалов для новостей wink
1. Нужно активировать доп. поле №1 Идём: Главная » Новости сайта » Настройки модуля » Поля для добавления материалов: » Нажимаем на голочку около "Дополнительное поле 1" , сохраняем.
2. Нужно переиминовать поле Идём: Главная » Настройки » Замена стандартных надписей » Форма добавления модуля "Новости сайта" » Дополнительное поле 1 изменить на "Ссылка на скриншот"
3. Вставляем код в "Главная страница сайта" , Новости сайта "Страница архива материалов" и "Страница материала и комментариев к нему"
Code
<script type="text/javascript" src="http://winskin.ru/informer/17"></script>
Перед Без кода работать не будет
4.Теперь заменяем вид новостей Идём: Главная » Управление дизайном » Редактирование шаблонов » Новости сайта » Вид материалов
И заменяем там всё на это:
Code
<TABLE style="width: 100%; border-collapse: collapse"><TBODY><TR><TD style='width: 8px; height: 38px; background-image: url("http://winamp.ucoz.net/design_windows/news/verh_left.png"); background-repeat: no-repeat; background-position: 100% 100%; letter-spacing: 0px; word-spacing: 0px' rowspan="1"><BR></TD><TD style='background-image: url("http://winamp.ucoz.net/design_windows/news/verh_centr.png"); background-repeat: repeat-x; background-position: 50% 100%; letter-spacing: 0px; word-spacing: 0px'><STRONG><FONT color="#ffffff"> <!--title--> <A href="$ENTRY_URL$" target="_self">$TITLE$</A> $MODER_PANEL$ <!--/title--> </FONT></STRONG></TD><TD style='width: 8px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://winamp.ucoz.net/design_windows/news/verh_rigct.png"); background-repeat: no-repeat; background-position: 0% 100%' rowspan="1"><BR></TD></TR></TBODY></TABLE><TABLE style="width: 100%; border-collapse: collapse" width="" align=""><TBODY><TR><TD style='width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://winamp.ucoz.net/design_windows/news/left.png"); background-repeat: repeat-y; background-position: 100% 50%' rowspan="1"><BR></TD><TD colspan="3" rowspan="1" style="width: 200px; letter-spacing: 0px; word-spacing: 0px; text-align: left; vertical-align: top"> <!--Картинка--> <TABLE style="width: 100%; border-collapse: collapse"><TBODY><TR><TD style="width: 200px; letter-spacing: 0px; word-spacing: 0px" rowspan="1"> <?if($OTHER1$)?><CENTER><A href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><IMG src="$OTHER1$" border="0" width="200"></A></CENTER><?endif?> </TD><TD style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px">$MESSAGE$</TD></TR></TBODY></TABLE> <!--/Картинка--> </TD> <TD style='width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://winamp.ucoz.net/design_windows/news/rigct.png"); background-repeat: repeat-y; background-position: 0% 50%' rowspan="1"><BR></TD></TR><TR><TD style='width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://winamp.ucoz.net/design_windows/news/left.png"); background-repeat: repeat-y; background-position: 100% 50%' colspan="1"><BR></TD> <TD rowspan="1" style="" colspan="2">Добавил: $USERNAME$ | Просмотров: $READS$ | Комментариев: $COMMENTS_NUM$</TD> <TD style="" rowspan="1" align="right"> <A href="$ENTRY_URL$" target="_self">Подробнее / Скачать</A></TD> <TD style='width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://winamp.ucoz.net/design_windows/news/rigct.png"); background-repeat: repeat-y; background-position: 0% 50%' colspan="1"><BR></TD></TR></TBODY></TABLE><TABLE style="width: 100%; border-collapse: collapse"><TBODY><TR><TD style='width: 7px; height: 11px; background-image: url("http://winamp.ucoz.net/design_windows/news/niz_left.png"); background-repeat: no-repeat; background-position: 100% 0%; letter-spacing: 0px; word-spacing: 0px' rowspan="1"><BR></TD><TD style='background-image: url("http://winamp.ucoz.net/design_windows/news/niz_centr.png"); background-repeat: repeat-x; background-position: 50% 0%; letter-spacing: 0px; word-spacing: 0px'><BR></TD><TD style='width: 7px; background-image: url("http://winamp.ucoz.net/design_windows/news/niz_rigct.png"); background-repeat: no-repeat; background-position: 0% 0%; letter-spacing: 0px; word-spacing: 0px' rowspan="1"><BR></TD></TR></TBODY></TABLE><BR>
Автор: winskin
Теги: Материалов , вид , скрипты для ucoz , увеличением , от , картинки , WinSkin , новый