» »

Онлайн пользователей с иконкой группы uCoz

Онлайн пользователей с иконкой группы uCoz

Эти стили изменять дизайн пользователей на сайте в режиме онлайн. Это рядом будет логотип группы и также эффект при наведение на них. Также вы сами можете выставить тот цвет группе который считаете нужным. Но там в стилях не все иконки под группы представлены. Что ранее на сайт заливал похожим скрипт изменить форму статистики, что можете там взять.

Не забываем, что нужно все настроить, здесь идет под темный оттенок, если статистика будет на ней. Но и эффект, так как по умолчанию как пример можно группу пользователей синей поставить, но когда наведете, может быть другой оттенок. Вообщем он сам простой, что можете сами кнопки подобрать под свой сайт оригинальные и возможно тематические.

Так проверял на сайте, вот получилось в таком виде.

Изменить дизайн статистике для uCoz

В CSS:

Код
/* User Group Marks */
a.groupModer:link,a.groupModer:visited {color:00B2EE; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/moderators.png') no-repeat right;padding-right:15px;}
a.groupModer:hover {color:#00B2EE; text-shadow:0px 0px 8px #00B2EE;}
a.groupAdmin:link,a.groupAdmin:visited {color:red; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/admimistrators.png') no-repeat right;padding-right:15px;}  
a.groupAdmin:hover {color:#ca4242; text-shadow:0px 0px 8px #ca1616;}
a.groupVerify:link,a.groupVerify:visited {color:#00FF00;}
a.groupVerify:hover {color:#33FF00; text-shadow:0px 0px 8px #33FF00;}
a.groupOther1:link,a.groupOther1:visited {color:#FF9900;}
a.groupOther1:hover {color:#FF9900; text-shadow:0px 0px 8px #FF9900;}
a.groupFriends:link,a.groupFriends:visited {color:FE01D1; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/zvezda.png') no-repeat right;padding-right:1px;}
a.groupFriends:hover {color:#FE01D1; text-shadow:0px 0px 8px #FE01D1;}
a.groupOther0:link,a.groupOther0:visited,a.groupOther0:hover {color:000000;}
a.groupOther2:link,a.groupOther2:visited {color:FFFF00; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/vip_user.png') no-repeat right;padding-right:23px;}
a.groupOther2:hover {color:#FFFF00; text-shadow:0px 0px 8px #FFFF00;}
a.groupOther5:link,a.groupOther5:visited,a.groupOther5:hover {color:#33CC00;}
a.groupOther5:link,a.groupOther255:visited,a.groupOther255:hover {color:black; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/blocked.png') no-repeat right;padding-right:17px;}
a.groupOther255:link,a.groupOther255:visited,a.groupOther255:hover {color:black; background:url('http://zornet.ru/zorner_ru_1/Abter/knopki/blocked.png') no-repeat right;padding-right:17px;}

Нужно ставить в самом начале почти в CSS, если в низ установит, то возможно не будет выводить, так что знайте, если не выведет, то ставим выше стили.
2017-08-02 Просмотров: 717 Комментарий: (23)

Поделиться в социальных сетях

Материал разместил

Комментарий: 23
avatar
hack-fast 2017-08-03 00:161
0
а на форум как это сделать
Kosten
Kosten 2017-08-03 00:242
0
На форуме там совершено другая статистика и эта не будет отображаться.
avatar
hack-fast 2017-08-03 03:103
0
какая
First-1
First-1 2017-08-03 09:574
0
Цитата hack-fast ()
какая
Точно такая же, и иконки, как и цвет, будут отображаться в статистике форума и сайта, ведь здесь задаем цвет группам а не статистике.
avatar
hack-fast 2017-08-03 13:045
0
как его так сделать
Kosten
Kosten 2017-08-03 14:286
0
Куда вы поставить хотите? Или сделайте тему на форуме ЗДЕСЬ чтоб понять на каком сайте вы стили прописываете.
avatar
hack-fast 2017-08-03 16:159
0
на свой форум
First-1
First-1 2017-08-03 14:407
0
Цитата hack-fast ()
как его так сделать
Просто добавить выше написанный код в стили, и на форуме будет так же отображаться
avatar
hack-fast 2017-08-03 16:1510
0
не роботает
Kosten
Kosten 2017-08-03 17:1811
0
Все работает, оставите ссылку на сайт.
avatar
hack-fast 2017-08-03 18:4012
0
Вот Сайт xaker-pro.ucoz.net
Kosten
Kosten 2017-08-03 19:1513
0
У вас форум, это стили не под этот модуль. Там совершенно по другому статистику выводят.
avatar
hack-fast 2017-08-03 20:0014
0
а типо такого можно сделать на форуме?
First-1
First-1 2017-08-03 21:0716
0
Специально для тебя - https://youtu.be/J1Lk9LPN4l0
Kosten
Kosten 2017-08-03 14:598
0
Сейчас проверил, все нормально, в описание написано, что как можно выше нужно ставить эти стили, почти в начале можно сказать, как видно и модератора выводит.

First-1
First-1 2017-08-03 20:5115
0
Я ору уже с вас, и притом обоих. Заладили, можно ли для форума сделать и что эти стили не для форума 11a Ещё раз повторю - ВСЁ ПРЕКРАСНО БУДЕТ РАБОТАТЬ И НА ФОРУМЕ!!!!
avatar
hack-fast 2017-08-03 21:0717
0
все ровно не роботает
First-1
First-1 2017-08-03 21:0818
0
avatar
hack-fast 2017-08-03 21:1119
0
как его устоновить
Kosten
Kosten 2017-08-04 12:0723
0
First, видать вопрос острый, даже видео запилил, лайк)
First-1
First-1 2017-08-03 21:1720
0
Ты же видел на видео. Я ставил просто в самый низ стилей. Взял только стили админа и перепесал под пользователя, так как я не админ и чтоб видно было
First-1
First-1 2017-08-03 23:3721
0
Да вообще звезда ютюба
1 2 »
avatar