VSEpodrad.ru

<td> <div style="width:85px; margin-bottom:5px;"> <div class="topusers-elem-bg"><div class="topusers-elem-bg1"> <div class="place$NUMBER$" title="$NUMBER$ место"><span id="text"><font color="#000">№$NUMBER$</span></div> </div></div> <div class="topusers-elem-bg" style="margin-top:23px;" title="Файлов: $LOAD_POSTS$"><div class="topusers-elem-bg1"> <div class="torrents"><span id="text">$LOAD_POSTS$</span></div> </div></div> <div class="topusers-elem-bg" style="margin-top:46px;" title="Комментариев: $COM_POSTS$"><div class="topusers-elem-bg1"> <div class="comments"><span id="text">$COM_POSTS$</span></div> </div></div> <img src="$AVATAR_URL$" id="topusers" alt=""><img src="http://www.vsepodrad.ru/vsepodrad/1/no-avatar.png" id="topusers" alt=""> <div class="chat-addtime" style="float:none; width:82px; margin-top:1px;"><span style="display:block; text-align:center;"><a href="$PROFILE_URL$" style="color:#ffffff;">$USERNAME$</a></span></div> </div> </td>
<script type="text/javascript"> $('.place$NUMBER$').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>

.topusers-elem-bg {display:inline-block; background:url('http://www.vsepodrad.ru/vsepodrad/1/topusers.png') no-repeat 0 -25px; padding-left:4px; position:absolute; margin-left:61px;}
.topusers-elem-bg .topusers-elem-bg1 {display:inline-block; background:url('http://www.vsepodrad.ru/vsepodrad/1/topusers.png') no-repeat 100% 0; padding:4px 4px 5px 0px; height:16px; line-height:16px;}
.torrents {background:url('http://www.vsepodrad.ru/vsepodrad/1/torrents.png') no-repeat center left;}
.comments {background:url('http://www.vsepodrad.ru/vsepodrad/1/comments.png') no-repeat center left;}
.torrents , .comments {display:inline-block; padding-left:16px; height:16px; overflow:hidden; width:1px;}
.torrents #text, .comments #text {display:inline-block; padding:0 3px;}
.topusers-name {position:absolute; display:inline-block; background:url('http://www.vsepodrad.ru/vsepodrad/1/topusers.png') no-repeat 0 -70px; padding-left:9px; margin:80px 0px 0px 4px;}
.topusers-name span.bg {display:inline-block; background:url('http://www.vsepodrad.ru/vsepodrad/1/topusers.png') no-repeat 100% -50px; padding:0px 9px 0px 0px; height:20px; line-height:19px; color:#67c315; font-size:11px; text-shadow:0px 1px 0px #ffffff; text-align:center; width:74px;}
div.chat-addtime {background:url('http://www.vsepodrad.ru/vsepodrad/1/chat.png') no-repeat 100% -46px; padding-right:4px; float:right;}
div.chat-addtime span {background:url('http://www.vsepodrad.ru/vsepodrad/1/chat.png') no-repeat 0 -27px; display:inline-block; height:19px; line-height:18px; padding:0px 2px 0px 6px; color:#ffffff; font-size:12px; text-shadow:0px 1px 0px #6fa413;}
img#topusers {width:86px; height:86px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.place$NUMBER$ {background:url('http://www.vsepodrad.ru/vsepodrad/1/trophy$NUMBER$.png') no-repeat center left; display:inline-block; padding-left:16px; height:16px; overflow:hidden; width:1px;} .place$NUMBER$ #text {display:inline-block; padding:0 3px;}