Рейтинг материала со звездочками как в DLE - Страница 3 - Форум интересных решений

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 3 из 6
«
1
2
3
4
5
6
»

Архив - только для чтения

Рейтинг материала со звездочками как в DLE (с меняющимися цветами при наведении. Для новостей)

Рейтинг материала со звездочками как в DLE

roobi

Отредактировал roobi - Среда, 28 Мая 2008, 22:50

Дата: 28 Мая 2008, 22:31 | Сообщение # 42

● ● ● ● ●

71 сообщение

« 6 »

0 наград

Статус: Offline

Angel7, есть код в котором работает отображение звезд, но его надо доработать!

Quote

<?if($RATE_FORM$)?>
<dl class="star-rating">
<dd>
<ol>
<li><a href="javascript://" onclick="openLayerR('rate',0,'/news/0-0-1-$ENTRY_ID$-15-1','Оценка',100,20,'#F0F3F5','#6B82A4','http://src.ucoz.net',0,'left'); return false;" class="star1" title="Рейтинг 1 из 5"></a></li>
<li><a href="javascript://" onclick="openLayerR('rate',0,'/news/0-0-2-$ENTRY_ID$-15-1','Оценка',100,20,'#F0F3F5','#6B82A4','http://src.ucoz.net',0,'left'); return false;" class="star2" title="Рейтинг 2 из 5"></a></li>
<li><a href="javascript://" onclick="openLayerR('rate',0,'/news/0-0-3-$ENTRY_ID$-15-1','Оценка',100,20,'#F0F3F5','#6B82A4','http://src.ucoz.net',0,'left'); return false;" class="star3" title="Рейтинг 3 из 5"></a></li>
<li><a href="javascript://" onclick="openLayerR('rate',0,'/news/0-0-4-$ENTRY_ID$-15-1','Оценка',100,20,'#F0F3F5','#6B82A4','http://src.ucoz.net',0,'left'); return false;" class="star4" title="Рейтинг 4 из 5"></a></li>
<li class="current" style="width: 75px;"><a href="javascript://" onclick="openLayerR('rate',0,'/news/0-0-5-$ENTRY_ID$-15-1','Оценка',100,20,'#F0F3F5','#6B82A4','http://src.ucoz.net',0,'left'); return false;" class="star5" title="Рейтинг 5 из 5"></a></li>
</ol>
</dd>
</dl>
<?endif?>

Quote

dl.star-rating ol {
margin: 0;
padding: 0;
list-style: none;
width: 75px;
height: 15px;
position: relative;
background: url(img/stars.png);
}
dl.star-rating li {
float: left;
margin: 0;
padding: 0;
}
dl.star-rating li a {
display: block;
width: 15px;
height: 15px;
text-indent: -9999px;
position: absolute;
text-decoration: none;
z-index: 10;
}
dl.star-rating li a:hover {
background: url(img/stars.png) left center;
left: 0;
z-index: 2;
}
dl.star-rating a.star1 {
left: 0;
} dl.star-rating a.star1:hover {
width: 15px;
}
dl.star-rating a.star2 {
left: 15px;
} dl.star-rating a.star2:hover {
width: 30px;
}
dl.star-rating a.star3 {
left: 30px;
} dl.star-rating a.star3:hover {
width: 45px;
}
dl.star-rating a.star4 {
left: 45px;
} dl.star-rating a.star4:hover {
width: 60px;
}
dl.star-rating a.star5 {
left: 60px;
} dl.star-rating a.star5:hover {
width: 75px;
}
dl.star-rating li.current {
background: url(img/stars.png) left bottom;
height: 15px;
z-index: 1;
}

dl.star-rating ol>li a:hover{
text-indent: 75px;
}

Если доработать код, то всё будет работать!

Fluder, Первый код у меня работает, кроме отображения звёзд после обновления!

chelsyk

Дата: 12 Июня 2008, 17:48 | Сообщение # 59

● ● ● ● ●

61 сообщение

« -1 »

0 наград

Статус: Offline

www.eurofans.info
Как сделать чтоб все в строчку было? +1 дам

Code

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?>
<div class="eDetails" style="clear:both;">
<?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
Дата: <span title="$TIME$">$DATE$</span>
<div class="rating" style="float: left;">
<ul class="unit-rating">
<li id="cur-rat$ID$" class="current-rating" style="width: 0px;"></li>
<li><a href="#" title="Плохо" class="r1-unit" onclick="var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-1-$ENTRY_ID$-15-1',callback);">1</a></li>
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-2-$ENTRY_ID$-15-1',callback);">2</a></li>
<li><a href="#" title="Средне" class="r3-unit" onclick="var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-3-$ENTRY_ID$-15-1',callback);">3</a></li>
<li><a href="#" title="Хорошо" class="r4-unit" onclick="var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-4-$ENTRY_ID$-15-1',callback);">4</a></li>
<li><a href="#" title="Отлично" class="r5-unit" onclick="var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-5-$ENTRY_ID$-15-1',callback);">5</a></li>
</ul>
</div>
<script type="text/javascript">
document.getElementById('cur-rat$ID$').style.width=$RATING_NUM$*17; // by Angel7
</script>

<?if($RATING$)?>
<div class="rating" style="float: left; padding-top: 2px;"> ($RATING$/$RATED$)</div>
<?endif?>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментировать ($COMMENTS_NUM$)</a><?endif?>
</div>
</td></tr></table><br />

Добавлено (2008-06-12, 17:48)
---------------------------------------------
АП

Рейтинг материала со звездочками как в DLE (с меняющимися цветами при наведении. Для новостей)

Страница 3 из 6
«
1
2
3
4
5
6
»

U.Helper