20.01.2013

Лента комментариев

Нажмите на изображение для просмотра в полном размере
Лента комментариев
Скрипт ленты комментариев сайта zornet измененный
Установка:
Создаем информер:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1 ]
В шаблон информера вставляем:

Код
<!-- comm_tape --> <div class="hidden" style="margin:0 0 3px 0;"> <a href="$ENTRY_URL$" tite=”$ENTRY_TITLE$”><div class="comm_tape"> <!-- left --><div class="left"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="http://www.cssomsk.ru/csomsk/no-ava-cs.png"><?endif?></div><!-- /left --> <!-- right --> <div class="right" align="left"><b>Написал:</b> $USERNAME$ $MESSAGE$</div> <!-- /right --> </div></a> </div> <!-- /comm_tape -->


В CSS стиль вставляем:

Код
.comm_tape {background:url(http://csomsk.ru/1-ucoz/rip/style-omsk/comm_tape.png) no-repeat 0 0; width:198px; height:38px; color:#000;}
.comm_tape:hover {background-position:0 -39px; color:#fff;}
.comm_tape a:hover {color:#fff;}
.comm_tape .left {width:20px; height:23px; float:left; margin:9px 0 0 8px;}
.comm_tape .left img {width:20px; height:23px;border:1px solid #d2d2d4;}
.comm_tape .right {float:left; width:75%; padding:6px 5px;overflow:hidden;height:23px;}
.right {
float: right;
}


Идея скрипта взята с Zornet.Ru - Сайт про uCoz
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 2238 Комментариев: 1
Kostik-malek
Kostik-malek 21.01.2013 в 15:25 1
Лех, если у меня рипал, значит нормально. Если с рипа, то эта лента пожет полететь и потянуть свесь сайт. Скока гемора была пока ее настроили.