» »

Кнопка рейтинга плюс и минус на модуль сайта ucoz


Кнопка рейтинга плюс и минус на модуль сайта ucoz

Всегда можно поставить рейтинг на материал, чтоб видел гость или пользователь сайта и делал свой выбор. И наш материал Кнопка рейтинга плюс и минус на модуль сайта ucoz не исключение и что главное он по дизайну яркий и занимает немного места. Можно думаю его расположить в виде материалов и комментариев. Дизайн безусловно, чтоб был светлый, так как под него и строился он и с элементами зеленого оттенка.
Установка:
Установка проходит в тот модуль сайта, где располагается материал или статья новостная. Но формально можно поставить на любой каталог интернет ресурса.
Код
<script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/ND/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"><script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/ND/div.js"></script><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 {background:url(http://zornet.ru/CSS-ZORNET/ND/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}  
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}  
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}  
a.orating_m:hover{background-position:-21px 100%;}  
a.orating_m.orated{background-position:-21px -24px;}  
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}  
a.orating_p:hover{background-position:0 100%;}  
a.orating_p.orated{background-position:0 100%;}  
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}  
a.orating_res:hover{color:#f0f0f0;}
13.09.2014 Просмотров: 2457 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
Kosten
Kosten 14.09.2014 21:421
+1
Не подскажите ресурс на котором стоит этот скрипт рейтинга?
Kosten
Kosten 14.09.2014 22:502
0
kredit-oformi, да мне не материал а где реально в дизайне стоит.
kredit-oformi
kredit-oformi 14.09.2014 23:103
0
Kosten, а ясно
avatar
Mik 27.10.2014 18:464
0
Беда в общем, трёхзначный рейтинг отображает вот так:
http://s017.radikal.ru/i416/1410/1e/8f44c43c4040.jpg (Найдены запрещенные ББкоды ([URL] или [IMG])
"однозначный" отображается нормально.
Поможет кто-нибудь?
Kosten
Kosten 27.10.2014 19:005
0
Mik, а ресурс где расположен этот скрипт.. пропишите?
avatar
Mik 27.10.2014 20:126
0
Kosten, http://storagefs.3dn.ru/load/
avatar
Mik 27.10.2014 20:147
0
Я так думаю что просто рейтингу не хватает места между кнопками, и он убегает вниз.
Kosten
Kosten 27.10.2014 20:218
0
Mik, не знаю у меня нормально показывает.
avatar
Mik 27.10.2014 21:159
0
http://storagefs.3dn.ru/Img/orating.png тут "широкая картинка"
и в верхней строчке ксс ширину 73 нужно заменить на 88.
P.S. 4х значный рейтинг всё же падает, но для ГС это не грозит)
Kosten
Kosten 27.10.2014 21:2810
0
Mik, видать заточен был под определенный вид.
1 2 »
avatar