13.03.2016

Лайк/дизлайк для каталога файлов

Нажмите на изображение для просмотра в полном размере
Лайк/дизлайк для каталога файлов
Описание:
Скрипт рейтинга для каталога файлов на площадке Ucoz. Скрипт на подобии лайков и дизлайков и выводит итоговую оценку материалу.
Установка:
На страницу материала и комментариев к нему каталога файлов вставляем:
Код
<script type="text/javascript" src="http://csomsk.ru/rate/55_rate.js"></script>  
<div class="rate">
<a class="orating_m" title="Не нравится" href="#" onclick="rateForm(-1,$ID$);return false"></a>
<a class="orating_p" title="Нравится" href="#" onclick="rateForm(1,$ID$);return false"></a>
<a class="orating_res"><b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> </a>  
</div>

В CSS стиль:
Код
.rate{width:73px;height:25px;position:relative;text-align:center;}
a.orating_res,span.orating_res{background:#AAA;font-size:11px;color:#fff;padding:4px 6px;border-radius:3px;line-height:26px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2)}
a.orating_res:hover{color:#f0f0f0}
a.orating_m,a.orating_p{height:21px;width:21px;line-height:26px;margin-top:3px;background:url(http://www.csomsk.ru/css/ratesimg.png) no-repeat}
a.orating_m{float:right;background-position:-21px -24px}
a.orating_m:hover{background-position:-21px 100%}
a.orating_m.orated{background-position:-21px -24px;margin-top:3px}
a.orating_p{float:left;background-position:0 -24px}
a.orating_p:hover{background-position:0 100%}
a.orating_p.orated{background-position:0 100%}

Примечание: Стандартный вид рейтинга необходимо удалить из кода страницы.
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 2091 Комментариев: 0
К материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!