|
Новые пользователи
|
Активные пользователи
|
Новый вид репутации
 |
Добавил: Liga
Категория: Скрипты для Ucoz
Просмотров: 430
Мне нравится 1 |
Новый вид репутации для форума ucoz.
Пользовательская и Своя. Обычная стилизация с применением некоторых эффектов css3.
1.Главная » Управление дизайном » Форум » Общий вид страниц форума, после $BODY$ вставляем код:
Code
<script type="text/javascript">
function repchange(val,id){
repval=val;
ajaxtime=setInterval('checkajax'+id+'()',500);}
</script>
function repchange(val,id){
repval=val;
ajaxtime=setInterval('checkajax'+id+'()',500);}
</script>
2.Главная » Управление дизайном » Форум » Вид материалов, находим следующий код:
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>
3.И заменяем его на:
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>
<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>
4.Главная » Управление дизайном » Общие шаблоны » Таблица стилей (CSS), находим строчку:
Code
.reputation {margin-top:5px;}
5.Заменяем (если шаблон стандартный) её на:
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;}
.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;}
Теги материала: Отсутствуют
Вход на сайт
Мини-чат
Популярные файлы
Последний скрипт
Последний скрипт
 | Скрипт информера - команда сайта для Ucoz |
Новое на форуме
Последние комментарии
Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Хостинг от uCoz
Все материалы на сайте принадлежат исключительно их владельцам!
Хостинг от uCoz
