FAKIR
Offline
Дата: Четверг, 12.05.2011, 23:50 | Сообщение # 1
Сообщений пользователя: 456
Как только наберется выше 200% активности, проценты заменятся на надпись VIP STATUS. Обновление ширины полосы происходит через каждые 2%. Установка: Внутри тега head ставим: Code
<style type="text/css"> .new-rep {background:url('/images/ratingline-bg.png') repeat-x; height:22px;margin-top:-22px;border-spacing: 0px;border:1px solid #000000;padding:0px;} #rep-w {background:url('/images/ratingline-blue.png') top right;height:22px;padding:0px;border-left:1px solid #26282c;} div.rep-value {color:#656b75; text-shadow:0px -1px 0px #000000;z-index:10;line-height:20px;text-align:center;} </style>
Это вставляем в нужное вам место:
Code
<script type="text/javascript">function ratingline(){new _uWnd('ratingline','Об активности',420,110,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:0},'Активность в процентах - это Ваш показатель на сайте. С его помощью можно определить, насколько вы популярны на сайте, как активно себя ведете. Повысить свои проценты можно легко... Достаточно отписыватья на форуме, комментаровать новости и тд. Больше всего процент активности повышается за репутацию и награды.'); }</script> <table width="150px" cellspacing="0" cellpading="0" style="padding:0px;"><tr><td> <div class="rep-value" style="cursor:pointer;" onclick="ratingline();"><span id="rater"></span><span class="percent">%</span></div> <table width="100%" class="new-rep" cellspacing="0" cellpading="0"><tr> <script type="text/javascript"> $(document).ready(function() { var vkrating = (4 * $_REPUTATION$ + 2 * $_FORUM_ENTRIES$ + 4 * $AWARDS$ + 2 * $_COM_ENTRIES$ + 6 * $_NEWS_ENTRIES$ + 6 * $_PUBL_ENTRIES$ + 6 * $_LOAD_ENTRIES$ + 6 * $_PHOTO_ENTRIES$) / 10; var uservip = 'VIP STATUS'; if (vkrating < '200') {$("#rater").text(vkrating);} else {$("#rater").text(uservip); $(".percent").hide();} if (vkrating == '0') {$("#rep-w").css({'backgroundImage' : 'none' , 'width' : '1px' , 'borderLeft' : 'none'});} else {if (vkrating > '0' && vkrating < '2' | vkrating > '100' && vkrating < '102') {$("#rep-w").css("width", "1px");} else {if (vkrating >= '2' && vkrating < '4' | vkrating >= '102' && vkrating < '104') {$("#rep-w").css("width", "3px");} else {if (vkrating >= '4' && vkrating < '6' | vkrating >= '104' && vkrating < '106') {$("#rep-w").css("width", "6px");} else {if (vkrating >= '6' && vkrating < '8' | vkrating >= '106' && vkrating < '108') {$("#rep-w").css("width", "9px");} else {if (vkrating >= '8' && vkrating < '10' | vkrating >= '108' && vkrating < '110') {$("#rep-w").css("width", "12px");} else {if (vkrating >= '10' && vkrating < '12' | vkrating >= '110' && vkrating < '112') {$("#rep-w").css("width", "15px");} else {if (vkrating >= '12' && vkrating < '14' | vkrating >= '112' && vkrating < '114') {$("#rep-w").css("width", "18px");} else {if (vkrating >= '14' && vkrating < '16' | vkrating >= '114' && vkrating < '116') {$("#rep-w").css("width", "21px");} else {if (vkrating >= '16' && vkrating < '18' | vkrating >= '116' && vkrating < '118') {$("#rep-w").css("width", "24px");} else {if (vkrating >= '18' && vkrating < '20' | vkrating >= '118' && vkrating < '120') {$("#rep-w").css("width", "27px");} else {if (vkrating >= '20' && vkrating < '22' | vkrating >= '120' && vkrating < '122') {$("#rep-w").css("width", "30px");} else {if (vkrating >= '22' && vkrating < '24' | vkrating >= '122' && vkrating < '124') {$("#rep-w").css("width", "33px");} else {if (vkrating >= '24' && vkrating < '26' | vkrating >= '124' && vkrating < '126') {$("#rep-w").css("width", "36px");} else {if (vkrating >= '26' && vkrating < '28' | vkrating >= '126' && vkrating < '128') {$("#rep-w").css("width", "39px");} else {if (vkrating >= '28' && vkrating < '30' | vkrating >= '128' && vkrating < '130') {$("#rep-w").css("width", "42px");} else {if (vkrating >= '30' && vkrating < '32' | vkrating >= '130' && vkrating < '132') {$("#rep-w").css("width", "45px");} else {if (vkrating >= '32' && vkrating < '34' | vkrating >= '132' && vkrating < '134') {$("#rep-w").css("width", "48px");} else {if (vkrating >= '34' && vkrating < '36' | vkrating >= '134' && vkrating < '136') {$("#rep-w").css("width", "51px");} else {if (vkrating >= '36' && vkrating < '38' | vkrating >= '136' && vkrating < '138') {$("#rep-w").css("width", "54px");} else {if (vkrating >= '38' && vkrating < '40' | vkrating >= '138' && vkrating < '140') {$("#rep-w").css("width", "57px");} else {if (vkrating >= '40' && vkrating < '42' | vkrating >= '140' && vkrating < '142') {$("#rep-w").css("width", "60px");} else {if (vkrating >= '42' && vkrating < '44' | vkrating >= '142' && vkrating < '144') {$("#rep-w").css("width", "63px");} else {if (vkrating >= '44' && vkrating < '46' | vkrating >= '144' && vkrating < '146') {$("#rep-w").css("width", "66px");} else {if (vkrating >= '46' && vkrating < '48' | vkrating >= '146' && vkrating < '148') {$("#rep-w").css("width", "69px");} else {if (vkrating >= '48' && vkrating < '50' | vkrating >= '148' && vkrating < '150') {$("#rep-w").css("width", "72px");} else {if (vkrating >= '50' && vkrating < '52' | vkrating >= '150' && vkrating < '152') {$("#rep-w").css("width", "75px");} else {if (vkrating >= '52' && vkrating < '54' | vkrating >= '152' && vkrating < '154') {$("#rep-w").css("width", "78px");} else {if (vkrating >= '54' && vkrating < '56' | vkrating >= '154' && vkrating < '156') {$("#rep-w").css("width", "81px");} else {if (vkrating >= '56' && vkrating < '58' | vkrating >= '156' && vkrating < '158') {$("#rep-w").css("width", "84px");} else {if (vkrating >= '58' && vkrating < '60' | vkrating >= '158' && vkrating < '160') {$("#rep-w").css("width", "87px");} else {if (vkrating >= '60' && vkrating < '62' | vkrating >= '160' && vkrating < '162') {$("#rep-w").css("width", "90px");} else {if (vkrating >= '62' && vkrating < '64' | vkrating >= '162' && vkrating < '164') {$("#rep-w").css("width", "93px");} else {if (vkrating >= '64' && vkrating < '66' | vkrating >= '164' && vkrating < '166') {$("#rep-w").css("width", "96px");} else {if (vkrating >= '66' && vkrating < '68' | vkrating >= '166' && vkrating < '168') {$("#rep-w").css("width", "99px");} else {if (vkrating >= '68' && vkrating < '70' | vkrating >= '168' && vkrating < '170') {$("#rep-w").css("width", "102px");} else {if (vkrating >= '70' && vkrating < '72' | vkrating >= '170' && vkrating < '172') {$("#rep-w").css("width", "105px");} else {if (vkrating >= '72' && vkrating < '74' | vkrating >= '172' && vkrating < '174') {$("#rep-w").css("width", "108px");} else {if (vkrating >= '74' && vkrating < '76' | vkrating >= '174' && vkrating < '176') {$("#rep-w").css("width", "111px");} else {if (vkrating >= '76' && vkrating < '78' | vkrating >= '176' && vkrating < '178') {$("#rep-w").css("width", "114px");} else {if (vkrating >= '78' && vkrating < '80' | vkrating >= '178' && vkrating < '180') {$("#rep-w").css("width", "117px");} else {if (vkrating >= '80' && vkrating < '82' | vkrating >= '180' && vkrating < '182') {$("#rep-w").css("width", "120px");} else {if (vkrating >= '82' && vkrating < '84' | vkrating >= '182' && vkrating < '184') {$("#rep-w").css("width", "123px");} else {if (vkrating >= '84' && vkrating < '86' | vkrating >= '184' && vkrating < '186') {$("#rep-w").css("width", "126px");} else {if (vkrating >= '86' && vkrating < '88' | vkrating >= '186' && vkrating < '188') {$("#rep-w").css("width", "129px");} else {if (vkrating >= '88' && vkrating < '90' | vkrating >= '188' && vkrating < '190') {$("#rep-w").css("width", "132px");} else {if (vkrating >= '90' && vkrating < '92' | vkrating >= '190' && vkrating < '192') {$("#rep-w").css("width", "135px");} else {if (vkrating >= '92' && vkrating < '94' | vkrating >= '192' && vkrating < '194') {$("#rep-w").css("width", "138px");} else {if (vkrating >= '94' && vkrating < '96' | vkrating >= '194' && vkrating < '196') {$("#rep-w").css("width", "141px");} else {if (vkrating >= '96' && vkrating < '98' | vkrating >= '196' && vkrating < '198') {$("#rep-w").css("width", "144px");} else {if (vkrating >= '98' && vkrating < '100' | vkrating >= '198' && vkrating < '200') {$("#rep-0").css("padding", "0px");} else {if (vkrating >= '99' && vkrating <= '100' | vkrating >= '199') {$("#rep-w").css("width" , "150px");} } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } if (vkrating < '0') {$("#rep-w").css({'backgroundImage' : 'none' , 'borderLeft' : '0px' , 'width' : '0px'}) ; $(".rep-value").css("color" , "#8d7272");} if (vkrating > '100') {$("#rep-w").css({'backgroundImage' : 'url(/images/ratingline-gold.png)' , 'borderLeft' : '1px solid #d2be59'}) ; $(".rep-value").css({'color' : '#151515' , 'textShadow': '0px 1px 0px #be9c4c'}); $(".new-rep").css("backgroundImage" , "url('/images/ratingline-bg-gold.png')");} }); </script> <td id="rep-w"></td><td id="rep-0" style="padding:0px 1px 0px 0px;"></td> </tr></table> </td></tr></table>
Картинки залить в папку /images/