Красивый абсолютный рейтинг материалов как на DLE


Замечательный скрипт рейтинга. Заменяет стандартную форму uCoz на форму, похожую на DLE. Одинаково хорошо работает во всех модулях, где используется оценка материалов

Установка:

На страницах, где будет использован данный скрипт (К примеру, на всех страницах Каталога файлов, кроме вида материалов и страницы добавления материалов) после тего /head наствляйте:

Code
<script type="text/javascript" src="/js/rate.js"></script>


Следующий код вставляйте в те места, где отображается рейтинг материалов (К примеру, В каталоге файлов это страница материала и комментариев к нему и Вид материалов):

Code
<div align="center">  
  <div id="rate_$ID$" class="rate <?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>"> </div>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="">  
  <tr>  
  <td style="padding-left:2px;" width="13" align="center">  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" style="text-decoration:none; font-size:15px; color:#ffffff; font-family:Helvetica;"><b>-</b></a><?endif?>  
  </td>  
  <td style="font-size:20px; color:#4d4d4d; font-family:tahoma;" align="center">  
  <b title="Голосов: $RATED$" id="rate_$ID$" class="r2"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b>  
  </td>  
  <td style="padding-right:2px;" width="13" align="center">  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" style="text-decoration:none; font-size:15px; color:#ffffff; font-family:Helvetica;"><b>+</b</a><?endif?>  
  </td>  
  </tr></table></div>


Теперь в самый верх вашего css вставляйте:

Code
.r1 {color:#4d4d4d; text-shadow:1px 1px 0px #ffffff; font-size:12px; font-family:tahoma; font-weight:bold;}  
  .r2 {color:#ffffff; text-shadow:1px 1px 0px #266601; font-size:12px; font-family:tahoma; font-weight:bold;}  
  .r3 {color:#ffffff; text-shadow:1px 1px 0px #600505; font-size:12px; font-family:tahoma; font-weight:bold;}  
  .Rate {height:40px; width:80px; text-align:center; padding-top:11px; font-size:12px; font-family:tahoma; font-weight:bold;}  
  .negativeRate {background:url('/img/r3.png') no-repeat !important; color:#ffffff;}  
  .nullRate {background:url('/img/r2.png') no-repeat !important; color:#4d4d4d;}  
  .positiveRate {background:url('/img/r1.png') no-repeat !important; color:#ffffff;}  
  .positiveRate table tr td {color:#ffffff;}


Осталось лишь залить скрипт из прикреплённого архива в папку js и три картинки в папку images

  • FalleN

  • 1928

  • 1

  • 219

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!