Smart-Gaming.Clan.SU - Counter-Strike портал нового поколения!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты » Новости сайта » Новый вид материалов от WinSkin с увеличением картинки
Новый вид материалов от 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>

Автор - Rap-star
Дата добавления - 28.06.2011 в 17:16
Rap-starДата: Вторник, 28.06.2011, 17:16 | Сообщение # 1
Сообщений: 39
Группа:
Проверенные
Offline


Делать было нечего , нарисовал и сверстал вид материалов для новостей 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 с увеличением картинки
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...