При использовании данного, кода можно будет упростить просмотр информации о пользователе... Теперь при нажатии на логи пользователя можно просмотреть о нем краткую информацию не переходя на его страничку, вывел можно сказать самое главное (аву, группу, id и статус...), если будет нужда перейти на страницу пользователя, то нужно будет нажать на его логин в этом мини профили... А для закрытия профиля нужно будет тыкнуть кнопкой мыши в любой части сайта, ну вообщем то все!
Установка:
1) На персональную страницу:
Код
<div style="display:none;">
<?if($_AVATAR$)?><div id="avatarWebo4kaRu"><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0"/></div><?else?><div id="avatarWebo4kaRu"><img src="http://webo4ka.ru/webo4kaRu/img/noavatarWebo4kaRu.png" border="0"/></div><?endif?>
<div id="useNameWebo4kaRu">$_USERNAME$</div>
<div id="grupNameWebo4kaRu">$_GROUP_NAME$</div>
<div id="userIdWebo4kaRu">$_USER_ID$</div>
<div id="statusWebo4kaRu"><?if($_STATUS$)?>$_STATUS$<?else?><font color="#00ff00">Online</font><?endif?></div>
</div>
2) Данный код в нижнюю часть (что бы стоял после данного кода $ONLINE_USERS_LIST$ - это код выводит людей которые online)
Код
<div id="vivodMiniProfilWebo4kaRu" style="position:fixed; bottom:1%; right:1%;"></div>
<script type="text/javascript">
$('a[class^="group"]').click(function(){
$(this).attr('href','javascript://');
var loginUserWebo4kaRu = $(this).html().replace(/\-/, '~');
$.get('/index/8-0-'+loginUserWebo4kaRu+'', function (miniProfilWebo4kaRu){var avatarWebo4kaRu = $('#avatarWebo4kaRu img', miniProfilWebo4kaRu).attr('src'), useNameWebo4kaRu = $('#useNameWebo4kaRu', miniProfilWebo4kaRu).html(), grupNameWebo4kaRu = $('#grupNameWebo4kaRu', miniProfilWebo4kaRu).html(), statusWebo4kaRu = $('#statusWebo4kaRu', miniProfilWebo4kaRu).html(), userIdWebo4kaRu = $('#userIdWebo4kaRu', miniProfilWebo4kaRu).html(); $('#vivodMiniProfilWebo4kaRu').fadeIn('slow').html('<table border="0" style="min-width:250px; background: rgba(0,0,0,0.80); border:2px solid rgba(0,0,0,0.170); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); padding:3px; margin:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;"><tr><td valign="top" style="background:rgba(255,255,255,0.70); border:1px solid #666; -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); padding:4px; width:66px;"><img src="'+avatarWebo4kaRu+'" style="width:66px;"></td><td valign="top"><div style="font-size:11pt; color: #fff;"><a href="/index/8-0-'+loginUserWebo4kaRu+'" target="_blank">'+useNameWebo4kaRu+'</a> </div> <div style="font-size:11pt; color: #fff;">Группа: '+grupNameWebo4kaRu+'</div> <div style="font-size:11pt; color: #fff;">ID: '+userIdWebo4kaRu+'</div> <div style="font-size:11pt; color: #fff;">Статус: '+statusWebo4kaRu+'</div></td></tr></table>'); },1000);
}); $('body').click(function(){$('#vivodMiniProfilWebo4kaRu').fadeOut('slow')});
</script><style>.statusOnline {color:#00ff00 !important;}</style>
готово!
Войдите на сайт или Зарегистрируйтесь