Приветствую Вас Прохожий | RSS Суббота, 03.12.2016, 03:24
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 3
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Стильный вид онлайн пользователей при помощи CSS

Стильный вид онлайн пользователей при помощи CSS Стильный, онлайн, пользователей, помощи
  • описание:
    Стильный вид онлайн пользователей при помощи CSS, весь вид подробно видно на скрине анимации. При наведение на ник пользователя выводится изменение цвета фона и окантовки, ее можно изменить и подредактировать под свои формы очертания и цветность так же.

  • Установка:

    В таблицу стилей CSS в самый низ вставляем стиль:
    Code
    a[class^="group"]:link,a[class^="group"]:visited,.userBirthdayLink:link,.userBirthdayLink:visited{font-size:13px;padding:3px 4px;line-height:22px;border-radius:4px;text-decoration:none!important;}  
      a[class^="group"]:hover,.userBirthdayLink:hover{text-decoration:none!
    important;box-shadow:0 1px 3px rgba(0,0,0,.3);}  
      .forumOnlineBar a[class^="group"]:link,.forumOnlineBar a
    [class^="group"]:visited{line-height:normal;}  
      a.groupUser:link,  
    a.groupUser:visited,.userBirthdayLink:link,.userBirthdayLink:visited{color:#2a6f92!important;}  
      a.groupUser:hover,.userBirthdayLink:hover{color:#11567a!
    important;background:#ebf2f2;}  
      a.groupModer:link,a.groupModer:visited {color:#1ab11e!
    important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/Mod.png) no-repeat 1px center;padding-left:16px;} a.groupModer:hover {color:#fff!important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/Mod.png) no-repeat 3px center #1ab11e; }/*Модераторы*/  
      a.groupVerify:link,a.groupVerify:visited {color:#991199!important;}  
    a.groupVerify:hover {color:#fff!important;background:#991199;}/*Проверенные*/  
      a.groupAdmin:link,a.groupAdmin:visited {color:#ff2400!
    important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/main_admin_grade.gif) no-repeat 1px center;padding-left:16px;} a.groupAdmin:hover {color:#fff!important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/main_admin_grade.gif) no-repeat 3px center #ff2400; }/*Админ*/  
      a.groupOther1:link,a.groupOther1:visited {color:#3D5A70!important;}  
    a.groupOther1:hover {color:#fff!important;background:#3D5A70;}/*Супер-пользователь*/  
      a.groupOther3:link,a.groupOther3:visited {color:#ffcc2f!
    important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/vip_grade.gif) no-repeat 1px center;padding-left:25px;} a.groupOther3:hover {color:#fff!important;background:url(http://isu-ucoz.3dn.ru/a_scripts/i/a/vip_grade.gif) no-repeat 3px center #ffcc2f; }/*VIP*/  
      a.groupFriends:link,a.groupFriends:visited {color:#b46918!important;}  
    a.groupFriends:hover {color:#fff!important;background:#b46918;}/*Дизайнер*/  
      a.groupOther7:link,a.groupOther7:visited {color:#3D5A70!important;}  
    a.groupOther7:hover {color:#fff!important;background:#3D5A70;}/*4Game*/  
      a.groupBanned:link,a.groupBanned:visited {color:#303030!important;text-
    decoration:line-through;} a.groupBanned:hover {color:#fff!important;background:#303030;text-decoration: line-through;}/*Забаненные*/  
      a.groupOther5:link,a.groupOther5:visited {color:#FF9E5E;}  
    a.groupOther5:hover {color:#ffffff;background:#FF9E5E; text-shadow:none;} /*Помощник*/  
      #nav_menu a:link, #nav_menu a:visited {  
      color: #fff;  
      display: block;  
      font-size:11px;  
      padding-bottom: 4px;  
      padding-left: 8px;  
      padding-right: 8px;  
      padding-top: 4px;  
      }

    Ищем условный оператор:
    Code
    $ONLINE_USERS_LIST$

    и заменяем его на следующий код тот же условный оператор заключеный в стиль и кликабельный тип:
    Code
    <a class="groupUser">$ONLINE_USERS_LIST$</a>
  • Автор\Источник: http://isu-ucoz.3dn.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 1762 | Комментарии: 5 | Рейтинг: 4.0/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 13.04.2012 | Скачали: 0 | Теги: онлайн, помощи, стильный, пользователей
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 5
    5 ienrx1210   Дата: 19.11.2012  Время: 21:18   [№ 14053]
    помогите мне плиззз скайп ienrx1210

    Ответ: Не кто вам не поможет, потому что ваша просьба как будто обращена богам uCoz.

    +1   Спам
    4 senanyek   Дата: 15.04.2012  Время: 20:16   [№ 12804]
    Спасибо получился!

    +1   Спам
    3 yakana   Дата: 13.04.2012  Время: 17:36   [№ 12797]
    Уже было...

    +1   Спам
    2 VisDIZ   Дата: 13.04.2012  Время: 16:37   [№ 12796]
    Спасибо =)

    1 Sega10   Дата: 13.04.2012  Время: 13:25   [№ 12793]
    Уже было...


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Форма входа
    Логин:
    Пароль:


    Поиск


    На форуме

    1 Куплю сайты с ТИЦ/PR (п...

    9

    2 Предлагаю услуги для ан...

    0

    3 Предлагаю услуги по про...

    0

    4 Комплексный прогон сайт...

    51

    5 Сайт онлайн фильмов на ...

    1

    6 Проблема с таблицей

    9

    7 Отредактировать фото

    2

    8 Уже все перепробовал )

    1

    9 Скрипт "Нравится&q...

    3

    10 Меню для сайта

    3


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru