Доска почёта или Рейтинг самых уважаемых
Авторы: Romych, Deff
В HTML низ
<!-- Рейтинг by Romych (correct)-->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/51860.js"></script>
<script type="text/javascript">
(function(){if(!($('#pun-index').length)) return; //Красное удаляем, если нужно не только на главной
var N = 5 //Число отображаемых юзеров;
var n=N, arrUserHero = '', b='"',arr00=[];
$('#heroes').tipsy({live: true,gravity: 's',fade: true});
var UserHero = getadmCookie('UserHero');if(!UserHero){
$.get('/userlist.php?username=&show_group=-1&sort_by=respect','',processRespect);
function processRespect(data){
$(data).find('div.usertable tbody tr:lt('+N+')').each(function(Ip){
var JUser=$(this).find('span.usersname').text();
var ulink=$(this).find('span.usersname a').attr('href');
var UsId=ulink.slice(ulink.indexOf('id=')+3);
var UsPlus=$(this).find('td.tc3:first').text();
arr00[Ip]=[b+JUser+b,b+UsId+b,b+UsPlus+b];
$.get('/profile.php?section=avatar&id=' +UsId, '',GetImg);
function GetImg(data) {
var ZAva = $(data).find('td#profile-left li > div, div.fs-box').find('img').attr('src');
if (ZAva == undefined|'') ZAva = '';
arrUserHero+='\n'+Ip+':['+arr00[Ip].toString()+','+b+ZAva+b+'],';
--n;
if(!n)$(document).ready(function(){
var arr='{'+arrUserHero.substr(0,arrUserHero.length-1)+'}';
setadmCookie('UserHero',arr,24*60*60*1000);
appContent(eval('arr='+arr));$("<div></div>").load(document.URL+"#pun-navlinks #navindex");
});
};});};}else $(document).ready(function(){appContent(eval('arr='+UserHero));});
function appContent(arr){ for(var i in arr){n = +i;
var JUser = arr[i][0],UsId = arr[i][1],UsPlus = arr[i][2],ZAva = arr[i][3],ulink = '/profile.php?id='+UsId;
if (ZAva == '') {ZAva = 'http://petushki-city.ru/files/0002/10/47/50167.gif'} else {ZAva='http://'+location.hostname+'/'+ZAva;}
$('#userhero').append('<li style="display: inline-block;padding: 5px;text-align: center;"><a href="'+ulink+'" style="text-decoration: none;"><figure><img id="heroes" style="border:1px solid #696969;border-radius: 7px 7px 7px 7px;" src="'+ZAva+'" width="52" height="52" original-title="'+JUser+'"><figcaption style="background:#99CC33;border-radius: 0 0 7px 7px;box-shadow: 0 0 10px #40310A inset;color: #fff;font-size: 1em;font-weight: bold;height: 20px;margin-top: -20px;position: relative;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );">'+UsPlus+'</figcaption></figure></a></li>');}
if((N-n)!=1)deleteadmCookie('UserHero');
}}());
</script>
Туда, где нужно отображение рейтинга[/b]
<ul id="userhero"></ul>
Если необходимо отображение в столбик, - добавляем перед cтрокой: <ul id="userhero"></ul>
(которая выше) Код:
<style type="text/css">#userhero li{display:block!important;width:53px}</style>
Теги: Рейтинг, система отношений
Упс - недоглядел занчит под НГ (Ксать там поленился в реализации первого варианта , который на скриншоте(там имхо ток по второму, где авики в строчку, для второго нун подправить css и добавить вычисление длины блока)
