[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » 10-бальный рейтинг материала для uCoz
10-бальный рейтинг материала для uCoz
Macros
Дата: Вторник, 21.05.2013, 10:57 | Сообщение # 1
Оффлайн
Администраторы
Сообщений: 154
IP: Скрытная информация


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

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

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

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

Инструкция:

Этот код ставим в то место на странице материала и комментариев, где хотим видеть рейтинг:
Код
<!-- Решения от ◊ǺłmằŹ◊, Best-Studio -->   
   <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://dedicated.3dn.ru/uCoz/reiting/reiting10bal/bg-h2-10_balinii_reiting.gif');padding:4px;margin-bottom:3px;font-weight:bold;color:#eee9e0;"> Рейтинг $ENTRY_TITLE$:</div>   
   <table><tbody><tr><td>   
   <?$RSTARS$('30','http://dedicated.3dn.ru/uCoz/reiting/reiting10bal/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://dedicated.3dn.ru/uCoz/reiting/reiting10bal/u-star-rating-10_balinii_reiting.css" />

.
Прикрепления: 5449053.jpg(24.0 Kb)


Форум » Ucoz » Скрипты для ucoz » 10-бальный рейтинг материала для uCoz
  • Страница 1 из 1
  • 1
Поиск: