Главная » 2012 » Июнь » 20 » Статус пользователя при наведении на его аватар (Скрипты для ucoz)
20.06.2012, 20:29

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




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

Установка:
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;}


Всё, скрипт установлен!
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://web41k.ru
Категория: Скрипты uCoz | Просмотров: 1397 | Добавил: sold93 | Рейтинг: 5.0/1 |
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]