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


Скрипт добавляет маленькую табличку на аватар, которая появляется при наведении и показывает статус пользователя. Когда юзер онлайн, слово "Статус" зеленого цвета, когда нет - красного + добавляется рамка, аналогично меняющая свой цвет.

Установка:
1) Заходим в шаблон "Вид материалов форума" и заменяем аватар пользователя на этот код:
Code
<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>


2) Далее в CSS вставляем стили:
Code
.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;}


Всё, скрипт установлен!


ИсточникАвтор: Kelin | Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 20.06.2012
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz