Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.37.153
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Новый вид материалов от WinSkin с увеличением картинки !
Сообщение оставлено 06.07.2010 в 17:30:53 | Сообщение #1

Делать было нечего , нарисовал и сверстал вид материалов для новостей wink

1. Нужно активировать доп. поле №1
Идём: Главная » Новости сайта » Настройки модуля » Поля для добавления материалов: » Нажимаем на голочку около "Дополнительное поле 1" , сохраняем.

2. Нужно переиминовать поле
Идём: Главная » Настройки » Замена стандартных надписей » Форма добавления модуля "Новости сайта" » Дополнительное поле 1 изменить на "Ссылка на скриншот"

3. Вставляем код в "Главная страница сайта" , Новости сайта "Страница архива материалов" и "Страница материала и комментариев к нему"

Code
<script type="text/javascript" src="http://winskin.ru/informer/17"></script>

Перед </head> Без кода работать не будет

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>
 
 
   
Сообщение оставлено 06.07.2010 в 20:04:06 | Сообщение #2
зачем информеры тратить? не спроста там код...сделали специально чтоб потом отредактировать и своей шняги напихать проще было в JS файл закинуть.
а там средне вид
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика