FAQ Иконка принадлежности к группе пользователей

Администратор · Регистрация: 27.02.2009

Иконка принадлежности к группе пользователей

Всё реализуется на стандартных возможностях движка.

Заходим Админ панель - Группы пользователей - Управление группами пользователей
Выбираем группу и жмем редактировать

В поле 1 добавляем, предварительно отредактировав, следующий код:

PHP код:



<img class="group" src="http://pcvector.ru/images/group/adm.png" align="absmiddle"/><span class="adm">

http://pcvector.ru/images/group/adm.png - путь до иконки группы, в данном случае иконка adm.png будет находится в созданной новой папке /group/
Размер иконки 16х16 пикселей

в Дополнительные определения CSS вставляем следующие классы:

PHP код:



.group{
width:16px;
height:16px; 
border:0; 
padding:0 2px 0 0;
}
.adm{
font-weight:bold;
color:#000;
}

В классе group на всякий случай принудительно делаем размер иконки в 16px
Отключаем рамку вокруг иконки
Справа от иконки до ника делаем отступ в 2px

В классе adm (характеризующего группу Администраторы)
Делаем ник жирным
И Черным цветом

Для другой группы, скажем Модераторы, вместо класса adm, пишем класс mod, и оформляем по выше указанному шаблону, естественно указываем и новую иконку, например, mod.png

(обратите внимание на то, что в поля вставляется только ограниченное кол-во символов, если вы превысите это значение, то код обрежится и у вас на сайте будет некорректное отображение ников)
В поле 2 добавляем, следующий код:

PHP код:



</span>

Альтернативный вариант

В поле 1 добавляем, предварительно отредактировав, следующий код:

PHP код:



<div class="group gr1"></div><span class="adm">

в Дополнительные определения CSS вставляем следующие классы:

PHP код:



.group {
width:16px; 
height:16px;
float:left; 
padding:0 2px 0 0; 
}
.gr1{
background: url('images/group/adm.png') no-repeat; 
}
.adm {
font-weight:bold;
color:#000; 
}

background: url('images/buttons/add_album.png') no-repeat; - путь до картинки

Еще для группы Модераторов будет CSS выглядеть так:

PHP код:



.group {
width:16px; 
height:16px;
float:left; 
padding:0 2px 0 0; 
}
.gr1{background: url('images/group/adm.png') no-repeat; }
.gr2{background: url('images/group/mod.png') no-repeat; }

.adm {font-weight:bold;color:#000; }
.mod {font-weight:bold;color:#555; }

А код в поле 1 будет таким:

PHP код:



<div class="group gr2"></div><span class="mod">

И в поле 2 не забыть добавить

PHP код:



</span>

Пользователь · 02.09.2011, 15:41

Цитата:

PHP код:



<img class="group" src="images/group/adm.png" align="absmiddle"/><span class="adm">

У меня не высвечивалась иконка пока перед images не поставила "/"

PHP код:



<img class="group" src="/images/group/adm.png" align="absmiddle"/><span class="adm">

Р.Ы. Спасибо за гайд, очень помогло.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Хаки micro REQUESTS - Запросы пользователей	Y@ks	Профиль, кабинет, группы пользователей	1	11.03.2013 14:38
Вопрос id пользователей	Serguei	Вопросы по vBulletin 4.х	2	19.08.2011 00:08
Вопрос Как скрыть BB-коды от пользователей?	Сириус	BB коды	3	27.03.2011 20:41
Группы пользователей	primax	Пожелания	4	03.09.2009 22:45
FAQ Настройка пользователей в Ubuntu	Vector	Статьи и FAQ	0	22.06.2009 18:59