.rateline {padding-top:10px;border-top:1px solid #DAE2E8;}
.rateline:hover {cursor:pointer}
#rep_1 {width:0px;height:17px;border-top: 1px solid #C0CCD9;background:#DAE2E8;}
#rep_2 {width:200px;height:17px;border-top: 1px solid #E6E6E6;background:#F7F7F7;}
#rep_3 {width:0px;height:17px;border-top: 1px solid #CCC490;background:#E0D7A3;}
#rep_4 {width:200px;height:17px;border-top: 1px solid #E2DAA6;background:#F5EBBB;}
#rep_5 {width:0px;height:17px;border-top: 1px solid #B7AE77;background:#C7BD81;}
#rep_6 {width:200px;height:17px;border-top: 1px solid #CCC490;background:#E0D7A3;}
#rep_7 {width:0px;height:17px;border-top: 1px solid #998F55;background:#B4A968;}
#rep_8 {width:200px;height:17px;border-top: 1px solid #B7AE77;background:#C7BD81;}
#rep_9 {width:0px;height:17px;border-top: 1px solid #83793C;background:#A29755;}
#rep_10 {width:200px;height:17px;border-top: 1px solid #998F55;background:#B4A968;}
#rep_11 {width:0px;height:17px;border-top: 1px solid #655A19;background:#81773C;}
#rep_12 {width:200px;height:17px;border-top: 1px solid #83793C;background:#A29755;}

2. Полоса рейтинга

Теперь выбираем место, где будет находиться эта самая полоса рейтинга. Переходим на Персональную страницу пользователя.

Админ панель » Управление дизайном » Персональная страница пользователя

Далее мы будем работать с этой страницей, так что с нее никуда не переходим.
И так, находим место, где у нас с Вами будет отображаться рейтинг пользователя, например под аватаркой и вставляем туда следующий код:

Code
<div class="rateline" onclick="<?if($_REPUTATION$)<19900?>new _uWnd('Rd',' ',400,250,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/23-$_USER_ID$'});return false;<?endif?>">
<span id="ratenum">
<div style="position:absolute;padding-top:2px;width:200px;text-align:center;" id="rep_number"></div>
</span>
</div>

<div>
<table border="0" cellpadding="0" cellspacing="0" width="200px" height="18px">
<tr id="r0100" style="display:none;">
<td valign="top">
<div id="rep_1"></div>
</td>
<td valign="top">
<div id="rep_2"></div>
</td>
</tr>
<tr id="r100200" style="display:none;">
<td valign="top">
<div id="rep_3"></div>
</td>
<td valign="top">
<div id="rep_4"></div>
</td>
</tr>
<tr id="r200300" style="display:none;">
<td valign="top">
<div id="rep_5"></div>
</td>
<td valign="top">
<div id="rep_6"></div>
</td>
</tr>
<tr id="r300400" style="display:none;">
<td valign="top">
<div id="rep_7"></div>
</td>