Статус пользователя при наведении на его аватар

Статус пользователя при наведении на его аватар

Статус пользователя при наведении на его аватар-прекрасный скрипт для форума,который в красочной форме покажет всем кто есть сейчас на форуме онлайн ли пользователь данного поста или нет,покажет он следующим образом:вокруг аватара есть рамочка соответствуюшего цвета,если пользователь онлайн то рамочка будет зеленой если оффлайн то красная,также при наведении выскочит прозрачная темная штуковина))) с надписью статус и индикатором

Установка:В виде материалов форума ищем и заменяем аватар пользователя на этот код

Код
<div class="obvodka" style="background:<?if(strpos($USER_STATUS$,'Offline')!=-1)?>#e37c6e;<?else?>#9ec448;<?endif?>border:1px solid <?if(strpos($USER_STATUS$,'Offline')!=-1)?>#cf4735;<?else?>#729a33;<?endif?>"><div class="status" style="color:<?if(strpos($USER_STATUS$,'Offline')!=-1)?>#e37c6e;<?else?>#9ec448;<?endif?>">Статус ●</div><img src="$AVATAR_URL$"></div>


Это в CSS стили

Код
.obvodka {width:150px; height:150px;position:relative;} .status {display:none;position:absolute; background:rgba(0,0,0,0.5); font-weight:bold; padding:2px; bottom:0; left:0; right:0; text-align:center;} .obvodka:hover .status {display:block;}
Статус пользователя при наведении на его аватар
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar