репутация для форума как на 7ucoz.2nx.ru имеет два типа отображения: пользовательская и своя. обычная стилизация с применением некоторых эффектов css3.
главная » управление дизайном » форум » общий вид страниц форума, после $body$ вставляем
<script type="text/javascript">
function repchange(val,id){
repval=val;
ajaxtime=setinterval('checkajax'+id+'()',500);}
</script>
главная » управление дизайном » форум » вид материалов, находим следующий код:
<?if($read_rep_url$)?><div class="reputation">репутация: <a title="смотреть историю репутации" class="rephistory" href="$read_rep_url$"><b>$rep_rating$</b></a> <?if($do_rep_url$)?> <a class="reputationdo" title="изменить репутацию" href="$do_rep_url$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>
и заменяем его на
<?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), находим строчку:
.reputation {margin-top:5px;}
заменяем (если шаблон стандартный) её на:
.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;}
