| Главная » Статьи » Скрипты » Скрипты для uCoz |
Новый вид репутации на форум
 Репутация для форума имеет два типа отображения: Пользовательская и Своя. Обычная стилизация с применением некоторых эффектов css3. Главная » Управление дизайном » Форум » Общий вид страниц форума, после $BODY$ вставляем код:
Code <script type="text/javascript"> function repchange(val,id){ repval=val; ajaxtime=setInterval('checkajax'+id+'()',500);} </script> Главная » Управление дизайном » Форум » Вид материалов, находим следующий код:
Code <div
class="reputation">Репутация: <a title="Смотреть историю
репутации" class="repHistory"
href="$READ_REP_URL$"><b>$REP_RATING$</b></a>
<a class="reputationDo" title="Изменить
репутацию" href="$DO_REP_URL$"><span
style="font-size:10pt"><b>±</b></span></a></div> И заменяем его на
Code <div class="reputation"> <a href="$DO_REP_URL$"><span class="rep_p" onclick="repchange('plus','$ID$');">+</span></a><a href="$READ_REP_URL$"><span class="reprating">$REP_RATING$</span></a><a href="$DO_REP_URL$"><span class="rep_m" onclick="repchange('minus','$ID$');">—</span></a> <a href="$READ_REP_URL$"><span class="reprating1">$REP_RATING$</span></a> </div> Главная » Управление дизайном » Общие шаблоны » Таблица стилей (CSS), находим строчку:
Code .reputation {margin-top:5px;} Заменяем (если шаблон стандартный) её на:
Code .reputation {padding:6px 0 6px 0;} .rep_p {padding: 3px;border:1px solid #729a33;background:#9ec448;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;color:#fff;} .reprating {padding: 3px 8px 3px 8px;border-top:1px solid #d6c3b4;border-bottom:1px solid #d6c3b4;background:#f9f6f4;color:#ae9179;} .reprating1 {padding: 3px 8px 3px 8px;border:1px solid #d6c3b4;background:#f9f6f4;color:#ae9179;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .rep_m {padding: 3px;border:1px solid #cf4735;background:#e37c6e;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;color:#fff;} .rep_p:hover {background:#aed94d;color:#fff;} .reprating:hover {background:#fff;color:#ae9179;} .reprating1:hover {background:#fff;color:#ae9179;} .rep_m:hover {background:#ec8375;color:#fff;} | |
| Просмотров: 410 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
