Совершенно новый вариант оформления рейтинга материалов для сайтов на uCoz. Абсолютно рабочий и не сложный в установке скрипт.
Установка: 1. По месту вывода рейтинга (это только в двух случаях: Вид материалов и Страница материала и комментариев к нему) ставим следующий код:
Код
<?if($RATING$)?><?$RSTARS$('23','http://for-ucoz.my1.ru/scripts/1/328.png','1','float')?><?endif?>
И рядом стили рейтинга:
Код
<style type="text/css">
.u-star-rating{list-style:none;margin:0px;padding:0px;width:120px;height:18px;position:relative;background: url('http://for-ucoz.my1.ru/scripts/1/328.png') top left repeat-x;}
.u-star-rating li{padding:0px;margin:0px;}
.u-star-rating li a{display:block;width:22px;height:18px;line-height:18px;text-decoration:none;text-indent:-9000px;z-index:4;position:absolute;padding:0px;overflow:hidden;}
.u-star-rating li a:hover{background: url('http://for-ucoz.my1.ru/scripts/1/328.png') left center;z-index:3;left:0px;border:none;}
.u-star-rating a.u-one-star{left:0px;}
.u-star-rating a.u-one-star:hover{width:22px;}
.u-star-rating a.u-two-stars{left:22px;}
.u-star-rating a.u-two-stars:hover{width:44px;}
.u-star-rating a.u-three-stars{left:44px;}
.u-star-rating a.u-three-stars:hover{width:66px;}
.u-star-rating a.u-four-stars{left:66px;}
.u-star-rating a.u-four-stars:hover{width:88px;}
.u-star-rating a.u-five-stars{left:88px;}
.u-star-rating a.u-five-stars:hover{width:120px;}
.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://for-ucoz.my1.ru/scripts/1/328.png') left bottom;position: absolute;height:18px !important;line-height:18px !important;display:block;text-indent:-9000px;z-index:2;}
</style>
Войдите на сайт или Зарегистрируйтесь