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


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

1747
4.2 из 10
Проголосовало: 29






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

Установка:
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, это его n материал
Источник: http://web41k.ru
  • Всего комментариев: 20

Insider
0
Insider написал: Написано 04 Июля 2012 в 20:06
Комментарий №20
А как сделать это для персональной страницы?

ASton
+4
ASton написал: Написано 20 Июня 2012 в 20:21
Комментарий №15
Kelin, Мне твой скрипт больше нравится..

Maestro
+3
Maestro написал: Написано 20 Июня 2012 в 21:39
Комментарий №17
мне тоже - келин молодец cool

Kelin
0
Kelin написал: Написано 21 Июня 2012 в 08:17
Комментарий №19
Спасибо smile

Dock174
0
Dock174 написал: Написано 20 Июня 2012 в 18:42
Комментарий №14
Один минус, в том, что с разными размерами аватара выделяеться фон, автор можешь его чуточку изменить?
Например, чтобы просто снизу полоска была со статусом пользователя.

Kelin
0
Kelin написал: Написано 21 Июня 2012 в 08:17
Комментарий №18
Ладно, попробую wink

Dock174
0
Dock174 написал: Написано 20 Июня 2012 в 18:38
Комментарий №13
Отличный скрипт, автор молодец) Мне он больше понравился чем у Вовчика)) tongue

Mr_Scratch
-7
Mr_Scratch написал: Написано 20 Июня 2012 в 14:27
Комментарий №7
нифига не работает! angry
1. всегда показывает что онлайн
2. если ава выше 150 появляются глюки.

InteGrant
-3
InteGrant написал: Написано 20 Июня 2012 в 14:44
Комментарий №8
А в CSS поправить никак?
Размеры в CSS есть.

Kelin
-2
Kelin написал: Написано 20 Июня 2012 в 15:36
Комментарий №9
1) Ошибка уже исправлена, все работает.
2) А размеры не резон поправить в CSS? dry

Mr_Scratch
-6
Mr_Scratch написал: Написано 20 Июня 2012 в 15:48
Комментарий №10
до тебя что не доходить что у пользователей аватары разных размеров по высоте. Сделаю под одну, тогда под другую не подойдет.

Kelin
-2
Kelin написал: Написано 20 Июня 2012 в 15:55
Комментарий №11
Ну поменяй пиксели на проценты или на CSS уменьши все аватары, че там сложного?
На разных сайтах разные стандарты аватаров. Может, у кого соц. сеть, и аватары размером, как вк, мне под каждого подстраиваться что ли?

Maestro
-2
Maestro написал: Написано 20 Июня 2012 в 16:57
Комментарий №12
согласен

DaRkILer
-6
DaRkILer написал: Написано 20 Июня 2012 в 14:02
Комментарий №6
Больше минусов! surprised

Kelin
0
Kelin написал: Написано 20 Июня 2012 в 12:10
Комментарий №4
Ну и зафиг минусы в комменты ставить? dry dry

Maestro
-3
Maestro написал: Написано 20 Июня 2012 в 12:13
Комментарий №5
плюсую biggrin

Kelin
-3
Kelin написал: Написано 20 Июня 2012 в 11:43
Комментарий №3
Тьфу ты блин, буквы перепутал местами wink Вовчик, поменяй "stpros" на "strpos" biggrin
Пока Вовчик не поменял:
Чтобы скрипт нормально работал, поменяйте в первом коде все "stpros" на "strpos"

Maestro
-5
Maestro написал: Написано 20 Июня 2012 в 11:36
Комментарий №1
Что-то не то - почему то всегда онлайн

Kelin
-3
Kelin написал: Написано 20 Июня 2012 в 11:41
Комментарий №2
У меня все работает нормально wink

ASton
+1
ASton написал: Написано 20 Июня 2012 в 20:34
Комментарий №16
Мне твой больше нравится smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    229
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: