Поскольку меня всегда интересовала возможность форум внешне привести к виду платных форумных движков, то большинство моих экспериментов связанно именно с добавлением аватаров и всяких всплывающих информерах. Итак
пользователям с отсутствующим аватаром добавляется дефолтный по половому признаку, в случае когда указан пол
мужской и женский дефолтные аватары
установка в html-низ:
Код:
<script type = "text/javascript" >
$('span.byuser').map(function () {
$(this).tipsy({trigger: 'manual', gravity: 'w', fade: true, html: true});
var self = $(this);
var avtor = $(this).html();
avtor = avtor.replace(/ /g, '');
$(self).bind('mouseenter',function(){
$.getJSON('/api.php?method=users.get&username='+avtor+'&fields=avatar,registered,num_posts,last_visit,sex',
function(json) {
var xx = json.response.users;
for (var key in xx) {
var val = xx[key];
var sex = val.sex;
var ava = val.avatar;
if (ava == '' && sex == 2)
{ava = 'https://forumstatic.ru/files/0000/14/1c/45689.png'}
if (ava == '' && sex <= 1)
{ava = 'https://forumstatic.ru/files/0000/14/1c/70618.png'};
var reg= new Date(val.registered*1000).toISOString().slice(0,-14);
var lv = new Date(val.last_visit*1000).toISOString().slice(0,-14);
var InfoUs ='<table style="background: #36648B;-moz-border-radius:3px;border-radius:3px;khtml-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow: inset 0 0 5em #1C1C1C;-webkit-box-shadow: inset 0 0 5em #1C1C1C;box-shadow: inset 0 0 5em #1C1C1C;filter: progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3);border-spacing:12px;"><tr><td><img src="'+ava+'" style="float:left;margin:5px 7px 3px 3px;border:medium solid #87CEFA;" width="70" height="70"><ul style="font-weight:bold;list-style-type:none;"><li>Регистрация: '+reg+'</li><li>Сообщений: '+val.num_posts+'</li><li>Последний визит: '+lv+'</li></ul></td></tr></table>'
$(self).attr('original-title', InfoUs).tipsy('show'); return false;
}
}
);
})
.bind('mouseleave', function() {
$('.tipsy').hide();
});
});
</script>