Оригинальный вид рейтинга на персональной странице by uCozWebs для uCoz
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<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> |
2#: Следующий код вставляйте в самый низ вашего css:
|
1 2 3 4 5 6 7 8 9 10 11 |
#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;} /* By uCozwebs.Ru */ |
