Всё для веб-мастера! Понедельник, 25.11.2024, 00:16
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход
» Форма входа

» Категории
Новости [24]
Скрипты uCoz [185]
JavaScript's [34]
PHP Скрипты [0]
Графика [14]
Шаблоны [27]
Авторство Scripts-net.ru [7]

» Мини-чат

Главная » 2011 » Март » 2 » Новый вид репутации
14:39
Новый вид репутации
Главная » Управление дизайном » Форум » Общий вид страниц форума, после $BODY$ вставляем код:
Code

<script type="text/javascript">  
function repchange(val,id){  
repval=val;  
ajaxtime=setInterval('checkajax'+id+'()',500);}  
</script>

И заменяем его на:

Code

<?if($USER_LOGGED_IN$)?><div class="reputation">  
<?if($DO_REP_URL$)?><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><?else?>  
<?if($REP_RATING$)?><a href="$READ_REP_URL$"><span class="reprating1">$REP_RATING$</span></a><?endif?><?endif?>  
</div><?endif?>

Главная » Управление дизайном » Общие шаблоны » Таблица стилей (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;}

Если шаблон скачанный, то вставляем код выше в ваш файл CSS в самый низ.

Категория: Скрипты uCoz | Просмотров: 397 | Добавил: Jaguar | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
» Опросы
http://scripts-net.ru/raznoe/opros.png
Вы к нам вернётесь?
Всего ответов: 56

» Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



Все права на скрипты и программы принадлежат их создателям © 2024
Конструктор сайтов - uCoz