+ +

Новый, числовой рейтинг (+/-) материалов для uCoz.

Новый, числовой рейтинг (+/-) материалов для uCoz.
Цена: БЕСПЛАТНО
Просмотров: 3483
Добавлено: 14.08.2012
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: СКАЧАТЬ
Демо: Смотреть
Информация о материале
Всем новерное уже порядком надоел стандартный звездовый рейтинг материалов юкоза? Мне тоже, вот я и решил спиздить скрипт нового, числового рейтинга с сайта - хуйскажу.ру, и запилить свой - покрасивше!

Итак, перейдем к установке, тут все - проще некуда! В то место, где вы бы хотели видеть этот рейтинг, вставляете вот этот код:
Code
<div style="width: 120px;">
<?if($RATE_FORM$)?>
<a href="#" title="Минуснуть" onclick="rateForm(-1,$ID$);return false">
<div class="photo_m">−</div></a><?else?>
<a title="Вы не можете минусовать">
<div class="photo_m">−</div></a><?endif?>

<?if($RATE_FORM$)?>
<a href="#" title="Плюсануть" onclick="rateForm(1,$ID$);return false">
<div class="photo_p">+</div></a><?else?>
<a title="Вы не можете плюсовать">
<div class="photo_p">+</div></a><?endif?>

<?if($RATING$*$RATED$-2*$RATED$='0')?><div class="photo_null"><?endif?>
<?if($RATING$*$RATED$-2*$RATED$>0)?><div class="photo_plus"><?endif?>
<?if($RATING$*$RATED$-2*$RATED$<0)?><div class="photo_minus"><?endif?>
<span title="Голосов: $RATED$" id="rate_$ID$">
<script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script>
<script type="text/javascript" src="http://fullweb.ucoz.ru/js/rate.js"></script>
</span>
</div>
</div>

Если код вы ставите в модуль - Новости, то $ID$ заменяете на $ENTRY_ID$, иначе не будет работать!

А в свой основной CSS всявляете вот эти классы:
Code
.photo_m {
text-shadow: white 0px 0px 3px;
background-color: #38434D;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: left;
font-size: 20pt;
height: 36px;
width: 30px;
text-align: center;
line-height: 31px;
vertical-align: middle;}

.photo_p {
text-shadow: white 0px 0px 3px;
background-color: #38434D;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 20pt;
height: 36px;
width: 30px;
text-align: center;
line-height: 31px;
vertical-align: middle;}

.photo_null {
background-color: #919191;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_plus {
background-color: #1b881b;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_minus {
background-color: #eb4600;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_p:hover {background: #1b881b; color: #085408;}
.photo_null:hover {background: #aaaaaa; color: #efefef;}
.photo_minus:hover {background: #9d9d9d; color: #b11818;}
.photo_plus:hover {background: #9d9d9d; color: #106f09;}
.photo_m:hover {background: #eb4600; color: #70000c;}


Вот и все, с установкой мы закончили! Если нужно подкрутить размеры или изменить цвета - все они четко прописаны в CSS-стилях (указанных выше), настраивайте как вам угодно!

Теги: числовой рейтинг, рейтинг +/- для юкоз, рейтинг для юкоз
Изображения
Комментарии (1)
avatar
1
а как убрать ограничение на голосование ?