Главная » 2011 » Январь » 30 » Привлекательный Рейтинг
13:44:41
Привлекательный Рейтинг

Красивый рейтинг полосками для uCoz.
Цвет полоски меняется в зависимости от репутации пользователя.
Похож на рейтинг как вконтакте,но тут полоска не удлиняется.

Установка:

Дизайн - Управление дизайном (шаблоны) - Пользователи - Персональная страница пользователя,находим:

Code
$_AVATAR$

И после ставим сам рейтинг:

Code
<div id="rate"></div>

<script>
var rating=+$_REPUTATION$+0;
$('#rate').html('<span>'+rating+'</span>');
if(rating<31){$('#rate').addClass('rate0')} else if(rating>30 && rating<61) {$('#rate').addClass('rate0')} else if(rating>60 && rating<101) {$('#rate').addClass('rate1')} else if(rating>100 && rating<251) {$('#rate').addClass('rate2')} else if(rating>250) {$('#rate').addClass('rate3')}
</script>

Затем переходим к стилям.
В CSS (Таблицые стилей), в самый низ ставим:

Code
#rate{background:#DAE2E8;color:#8BA1BC;height:21px;border-top: 1px solid #C0CCD9;border-bottom: 1px solid #C0CCD9;border-left: 1px solid #C0CCD9;border-right: 1px solid #C0CCD9;}
.rate1{background:#F5EBBB !important;color:#AAA26C !important;height:21px;border-top: 1px solid #E2DAA6 !important;border-bottom: 1px solid #E2DAA6 !important;border-left: 1px solid #E2DAA6 !important;border-right: 1px solid #E2DAA6 !important;}
.rate2{background:#C9B36E !important;color:#FFF2C8 !important;height:21px;border-top: 1px solid #A59250 !important;border-bottom: 1px solid #A59250 !important;border-left: 1px solid #A59250 !important;border-right: 1px solid #A59250 !important;}
.rate3{background:#E1CC7E !important;color:#948239 !important;height:21px;border-top: 1px solid #C5B565 !important;border-bottom: 1px solid #C5B565 !important;border-left: 1px solid #C5B565 !important;border-right: 1px solid #C5B565 !important;}
.rate4{background:#E1CC7E !important;color:#948239 !important;height:21px;border-top: 1px solid #C5B565 !important;border-bottom: 1px solid #C5B565 !important;border-left: 1px solid #C5B565 !important;border-right: 1px solid #C5B565 !important;}
#rate span {display:block;line-height:21px;text-align:center;}
#rates{background:#DAE2E8;color:#000;height:30px;border-top: 1px solid #C0CCD9;border-bottom: 1px solid #C0CCD9;border-left: 1px solid #C0CCD9;border-right: 1px solid #C0CCD9;}
#rates1{background:#F5EBBB;color:#000;height:30px;border-top: 1px solid #E2DAA6;border-bottom: 1px solid #E2DAA6;border-left: 1px solid #E2DAA6;border-right: 1px solid #E2DAA6;}
#rates2{background:#C9B36E;color:#000;height:30px;border-top: 1px solid #A59250;border-bottom: 1px solid #A59250;border-left: 1px solid #A59250;border-right: 1px solid #A59250;}
#rates3{background:#E1CC7E;color:#000;height:30px;border-top: 1px solid #C5B565;border-bottom: 1px solid #C5B565;border-left: 1px solid #C5B565;border-right: 1px solid #C5B565;}
Скрипты для uCoz | Просмотров: 788 | Добавил: RAIDER
Всего комментариев: 2
DeNnY 03.02.2011 в 15:19:30
biggrin

SuAlex 30.01.2011 в 14:11:51
Супер!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]