Файлы Скрипты и модификации

Мини профиль при нажатии на логин в статистике

Описание:
При использовании данного, кода можно будет упростить просмотр информации о пользователе... Теперь при нажатии на логи пользователя можно просмотреть о нем краткую информацию не переходя на его страничку, вывел можно сказать самое главное (аву, группу, 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>

готово!
Источник: webo4ka.ru
Загрузка данных...
Материал «Мини профиль при нажатии на логин в статистике» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Как Вам наш дизайн?
1264 ответа
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны