Скрипт "Похожие материалы"
Сегодня зашел на торрент сайт и увидел хорошее оформление скрипта "Похожие материалы" для uCoz и вытащил css этого оформления
Установка:
На страницу материала и коментов ставим следующий код (или где хотим видеть скрипт):
Code
<div class="related">
<div class="related1">
<div class="related2">
<div class="related3">
<ul>
<li><?$RELATED_ENTRIES$(5)?></li>
</ul>
</div>
</div>
</div>
</div>
<div class="related1">
<div class="related2">
<div class="related3">
<ul>
<li><?$RELATED_ENTRIES$(5)?></li>
</ul>
</div>
</div>
</div>
</div>
В css:
Code
.related {background:#154a5d url(http://torrent-games.net/foto/style/related.gif) repeat-x;margin:-9px 0 -12px 0;}
.related ul, .related ul li {margin:0;padding:0;list-style:none;}
.related1 {background:url(http://torrent-games.net/foto/style/related1.gif) no-repeat 0 13px;}
.related2 {background:url(http://torrent-games.net/foto/style/related2.gif) repeat-x bottom;}
.related3 {background:url(http://torrent-games.net/foto/style/related3.gif) no-repeat left bottom;padding:68px 18px 32px 17px;}
.related ul li {background:#306272 url(/foto/style/related_link.gif) no-repeat;height:21px;margin-bottom:4px;}
.related ul li:hover {background-color:#3e788b;background-position:0 -21px;}
.related a {background:url(http://torrent-games.net/foto/style/related_link1.gif) no-repeat right top;height:21px;display:block;color:#d8f5fe;text-decoration:none;font-style:italic;text-indent:22px;line-height:22px;}
.related a:hover {background-position:right -21px;color:#FFF;}
.related ul, .related ul li {margin:0;padding:0;list-style:none;}
.related1 {background:url(http://torrent-games.net/foto/style/related1.gif) no-repeat 0 13px;}
.related2 {background:url(http://torrent-games.net/foto/style/related2.gif) repeat-x bottom;}
.related3 {background:url(http://torrent-games.net/foto/style/related3.gif) no-repeat left bottom;padding:68px 18px 32px 17px;}
.related ul li {background:#306272 url(/foto/style/related_link.gif) no-repeat;height:21px;margin-bottom:4px;}
.related ul li:hover {background-color:#3e788b;background-position:0 -21px;}
.related a {background:url(http://torrent-games.net/foto/style/related_link1.gif) no-repeat right top;height:21px;display:block;color:#d8f5fe;text-decoration:none;font-style:italic;text-indent:22px;line-height:22px;}
.related a:hover {background-position:right -21px;color:#FFF;}
Все.
Источник: не указан
16 комментариев
-2
