Для каталога файлов:
Code
<div class="news_top_stars"><style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:70px;height:14px;position:relative;background: url('/img/rank.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;float:left;}.u-star-rating li a{display:block;width:14px;height: 14px;line-height:14px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('/img/rank.png') left center;z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:14px;}.u-star-rating a.u-two-stars{left:14px;}.u-star-rating a.u-two-stars:hover{width:28px;}.u-star-rating a.u-three-stars{left:28px;}.u-star-rating a.u-three-stars:hover{width:42px;}.u-star-rating a.u-four-stars{left:42px;}.u-star-rating a.u-four-stars:hover{width:56px;}.u-star-rating a.u-five-stars{left:56px;}.u-star-rating a.u-five-stars:hover{width:70px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/img/rank.png') left bottom;position: absolute;height:14px !important;line-height:14px !important;display:block;text-indent:-9000px;z-index:1;}</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/load/',data:{'a':'65','id':id,'mark':mark,'mod':'load','ajax':'2'}});}}</script><ul id="uStarRating$ID$" class="u-star-rating" title="Рейтинг: $RATING$/$RATING_NUM$">
<li class="u-current-rating" id="uCurStarRating$ID$" style="width: 0%;"></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',1);return false;" class="u-one-star">1</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',2);return false;" class="u-two-stars">2</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',3);return false;" class="u-three-stars">3</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',4);return false;" class="u-four-stars">4</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',5);return false;" class="u-five-stars">5</a></li></ul></div>
Для каталога статей:
Code
<div class="news_top_stars"><style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:70px;height:14px;position:relative;background: url('/img/rank.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;float:left;}.u-star-rating li a{display:block;width:14px;height: 14px;line-height:14px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('/img/rank.png') left center;z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:14px;}.u-star-rating a.u-two-stars{left:14px;}.u-star-rating a.u-two-stars:hover{width:28px;}.u-star-rating a.u-three-stars{left:28px;}.u-star-rating a.u-three-stars:hover{width:42px;}.u-star-rating a.u-four-stars{left:42px;}.u-star-rating a.u-four-stars:hover{width:56px;}.u-star-rating a.u-five-stars{left:56px;}.u-star-rating a.u-five-stars:hover{width:70px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/img/rank.png') left bottom;position: absolute;height:14px !important;line-height:14px !important;display:block;text-indent:-9000px;z-index:1;}</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/publ/',data:{'a':'65','id':id,'mark':mark,'mod':'publ','ajax':'2'}});}}</script><ul id="uStarRating$ID$" class="u-star-rating" title="Рейтинг: $RATING$/$RATING_NUM$">
<li class="u-current-rating" id="uCurStarRating$ID$" style="width: 0%;"></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',1);return false;" class="u-one-star">1</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',2);return false;" class="u-two-stars">2</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',3);return false;" class="u-three-stars">3</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',4);return false;" class="u-four-stars">4</a></li>
<li class="u-star-li-$ID$"><a href="#" onclick="ustarrating('$ID$',5);return false;" class="u-five-stars">5</a></li></ul></div>