Вы не подключены. Войдите или зарегистрируйтесь

Скрипт рейтинг материалов для ucoz

Перейти вниз  Сообщение [Страница 1 из 1]

В "Управление шаблонами (CSS)":
Код:
.rating { 
color: #757575; 
font: 11px tahoma; 
width: 85px; 
height: 16px; 

.unit-rating { 
list-style: none; 
margin: 0px; 
padding: 0px; 
width: 85px; 
height: 16px; 
position: relative; 
background: url(http://heroes-ru.info/img/rating/rating.gif) repeat-x top left; 

.unit-rating li { 
text-indent: -90000px; 
padding: 0px; 
margin: 0px; 
float:left; 
} /*heroes-ru.info*/ 
.unit-rating li a { 
display: block; 
width: 17px; 
height: 16px; 
text-decoration: none; 
text-indent:-9000px; 
z-index: 17; 
position: absolute; 
padding: 0px; 

.unit-rating li a:hover { 
background-image: url(http://heroes-ru.info/img/rating/rating.gif); 
background-position: left center; 
z-index: 2; 
left: 0px; 

.unit-rating a.r1-unit { 
left: 0px; 

.unit-rating a.r1-unit:hover { 
width: 17px; 

.unit-rating a.r2-unit { 
left: 17px; 

.unit-rating a.r2-unit:hover { 
width: 34px; 

.unit-rating a.r3-unit { 
left: 34px; 

.unit-rating a.r3-unit:hover { 
width: 51px; 

.unit-rating a.r4-unit { 
left: 51px; 

.unit-rating a.r4-unit:hover { 
width: 68px; 

.unit-rating a.r5-unit { 
left: 68px; 

.unit-rating a.r5-unit:hover { 
width: 85px; 

.unit-rating li.current-rating { 
background-image: url(http://heroes-ru.info/img/rating/rating.gif); 
background-position: left bottom; 
position: absolute; 
height: 16px; 
display: block; 
text-indent: -9000px; 
z-index: 1; 
}
Вид материалов:
Код:
<?if($RATE_FORM$)?><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating"> 
<ul class="unit-rating"> 
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li> 
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-1-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li> 
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-2-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li> 
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-3-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li> 
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-4-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li> 
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-5-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li> 
</ul> 
</span></span> 
<script type="text/javascript"> 
document.getElementById('ids$ID$').style.width=17*$RATING$+'px'; 
var i = 0; 
function getaruond$ID$(x){ 
if(!i){ 
var q = $RATED$*$RATING$; 
var w = (q+x)/($RATED$+1); 
document.getElementById('ids$ID$').style.width=17*w+'px'; 
i++; 
}} 
</script> 
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Посмотреть профиль

Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения

Создать форум | © PunBB | Бесплатный форум поддержки | Контакты | Сообщить о нарушении | Создать он-лайн дневник