Активные пользователи
Новый (числовой) рейтинг материалов для uCoz
Добавил: Liga
Категория: Скрипты для Ucoz
Просмотров: 1901
Мне нравится
1

Описание: Стильный числовой рейтинг для UCoz
Установка:
На странице рейтинга материалов и комментариев к нему, туда, где хотите видеть рейтинг:
Code
<div class="orating rate <?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>"><span class="orating_counter tipsy-left" original-title="Кликните для просмотра статистики"><b title="Голосов: $RATED$" id="rate_$ID$" class="r2"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b></span><div class="orate-btns">  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(+1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" class="orating-btn rup tipsy-right" title="Нравится"></a><?endif?>  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" class="orating-btn rdown tipsy-right" title="Не нравится"></a><?endif?>  
  <script type="text/javascript" src="http://fullweb.ucoz.ru/js/rate.js"></script></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;}

Автор:
Теги материала: Отсутствуют
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Зарегистрироваться
Здравствуйте! Вы видите это сообщение так как вы не вошли на сайт под своим логином. Зарегистрируйтесь пожалуйста, и данное окно исчезнет.                                                                                              by
YouScripts
>