10-бальный рейтинг материала для uCoz - uTalk Разговоры на любую тему

Страница 1 из 1
1

10-бальный рейтинг материала для uCoz

Watch

Дата: Суббота, 01.12.2012, 19:12 | Сообщение # 1

Директор

Сообщений: 664

Награды: 5

Привет всем!
Сегодня решил разукрасить свой сайт красивой формой голосования за материал.

Изменения:
- 10 бальная система голосования
- Видоизменение звезд

Особенности:
- Комуникабельное расположение данных
- Валидный, кроссбраузерный и короткий код
- Никаких скриптов, только CSS и HTML

"ЦВЕТОВУЮ ГАММУ МОЖНО МЕНЯТЬ ПОД СЕБЯ. ВСЕ СТИЛИ В КОДЕ."

Инструкция:

Этот код ставим в то место на странице материала и комментариев, где хотим видеть рейтинг:

Code

<style>
   div.gf {
      margin: 10px 0px 10px 0px;
      padding: 5px 10px 5px 10px;
      border: 1px solid #404040;
      background: #1e1e1e;
      text-align:justify;
   }
   </style>

   <div class="gf">
      <div style="background:url(http://utalk.do.am/Script/bg-h2.gif');padding:4px;margin-bottom:3px;font-weight:bold;color:#eee9e0;"> Рейтинг $ENTRY_TITLE$:</div>
      <table><tbody><tr><td>
      <?$RSTARS$('30','http://utalk.do.am/Script/17.png','1')?></td>
      <td style="padding-left:15px;"><shadoow><font style="font-size:24px;"><? $RATING$*2 ?></font></shadoow><font style="color:#ccc1aa;"> из 10</font><br><i>Проголосовало: <font style="color:#ccc1aa;">$RATED$</font></i></td></tr></tbody></table>
      </div>
   <link type="text/css" rel="StyleSheet" href="http://utalk.do.am/Script/u-star-rating.css" />

Зарабатывать хорошую репутацию можно годами, а потерять - за считанные мгновения...© KeNtOk
Послушай... и Задумайся что сказано выше...