Вид репутации и замечаний для сайта uCoz
09.04.2026 805 0 VeL
Почти на всех сайтах созданных в системе uCoz, имеется репутация пользователя, но она выглядит мягко говоря некрасиво. Именно это и подтолкнуло на создание красивого вида репутации и замечаний.
Вид репутации выполнен в зеленых тонах, а замечания в красных и отображаются в виде процентов. При наведении появляются кнопки плюс и минус, нажав на одну из кнопок можно повысить или понизить уровень репутации или замечаний. В общем смотрится довольно таки красиво и привлекательно
Установка:
1. Данный код вставляем в любое место на персональной странице пользователя:
Код
<!--???????-->
<div class="profile_rating_over">
<?if($_REP_DO_URL$)?><a href="$_REP_DO_URL$" class="pr_minus"></a><?endif?>
<div class="pr_counter pr_<?if($_REPUTATION$<0 || $_REPUTATION$=0)?>grey<?endif?><?if($_REPUTATION$>0 && $_REPUTATION$<50)?>darkgreen<?endif?><?if($_REPUTATION$>49 && $_REPUTATION$<250)?>green<?endif?><?if($_REPUTATION$>249 && $_REPUTATION$<500)?>yellow<?endif?><?if($_REPUTATION$>499 && $_REPUTATION$<1000)?>blue<?endif?><?if($_REPUTATION$>999 && $_REPUTATION$<1500)?>red<?endif?><?if($_REPUTATION$>1499)?>purple<?endif?>" onclick="new _uWnd('Rh',' ',500,250,{autosize:0,closeonesc:1,fadetype:1,fadeclosetype:1,modal:1},{url:'/index/9-$_USER_ID$'});return false;"><span style="width:<?if($_REPUTATION$=0 && $_REPUTATION$<0)?>0<?endif?><?if($_REPUTATION$>0 && $_REPUTATION$<120)?>$_REPUTATION$<?endif?><?if($_REPUTATION$>119)?><?substr($_REPUTATION$,1,2)?><?endif?>px"></span>$_REPUTATION$</div>
<?if($_REP_DO_URL$)?><a href="$_REP_DO_URL$" class="pr_plus"></a><?endif?>
</div>
<!--/???????-->
<!--?????????-->
<div class="profile_rating_over">
<?if($_BAN_DO_URL$)?><a href="$_BAN_DO_URL$" class="pr_minus"></a><?endif?>
<div class="pr_counter pr_red" href="$_BAN_READ_URL$"><span style="width:<?($_BAN_PERCENT$*1.2)?>px"></span><?if($_BAN_PERCENT$)?>$_BAN_PERCENT$<?else?>0<?endif?>%</div>
<?if($_BAN_DO_URL$)?><a href="$_BAN_DO_URL$" class="pr_plus"></a><?endif?>
</div>
<!--/?????????-->
В Таблицу стилей CSS вставляем код:
Код
.profile_rating_over {position:relative;width:128px;overflow:hidden;margin-top:20px;text-align:center}
.pr_counter {display:inline-block;cursor:pointer;width:128px;height:26px;line-height:26px;font-size:13px;font-weight:bold;text-align:center;overflow:hidden;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;}
.pr_darkgreen {background:#e0eee0;color:#82ab81}
.pr_green {background:#dcf3eb;color:#5cb597}
.pr_grey {background:#e7e7e7;color:#888888}
.pr_red {background:#f3dcdc;color:#b55f5c}
.pr_purple {background:#e4d0ff;color:#7812ff}
.pr_blue {background:#d2ebfc;color:#4781db}
.pr_yellow {background:#d2ebfc;color:#eac527}
.pr_plus, .pr_minus {opacity:0.7;display:none;z-index:8}
.profile_rating_over:hover .pr_plus {display:block}
.profile_rating_over:hover .pr_minus {display:block}
.pr_counter span {height:26px;background:#FFF;position:absolute;left:0px;top:0px;display:block;opacity:0.4}
.pr_plus:hover, .pr_minus:hover {opacity:1}
.pr_plus {position:absolute;top:0px;left:10px;width:12px;height:26px;background:url('/img/i_plus.png');margin-right:10px}
.pr_minus {position:absolute;top:0px;right:10px;width:12px;height:26px;background:url('/img/i_minus.png');margin-left:10px}
Комментариев:0
