Статус пользователя при наведении на его аватар
20.01.2013, 02:11

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

Установка:
1) Заходим в шаблон "Вид материалов форума" и заменяем аватар пользователя на этот код:




Код
<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 вставляем стили:

Код
.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;}
Категория: Скрипты для uCoz | Добавил: RICHMOND
Просмотров: 396 | Загрузок: 0 | Рейтинг: 3.0/2
Всего комментариев: 0

Добавить комментарий


Наверх