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

Скрипт сделан по просьбе пользователя ASton. Суть его - при наведении на аватар пользователя в нижней его части появляется маленькая табличка со словом "Статус". Если пользователь онлайн, слово будет написано зеленым цветом, если нет - красным. Также скрипт добавляет рамку для аватара, которая также меняет цвет в зависимости от статуса пользователя (Online/Offline).

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;}

Установка завершена!

Мне нравится 10

Просмотры: 1309 · Комментарии: 2 · Добавил: Kelin · Категория: Модуль "Форум"