[Статья] Делаем графическую иконку группе

01-21-2013, 01:09 PM

Сразу скажу, если есть подобная статья, прошу удалить эту.

И так, сегодня мы будем делать графическую иконку группе Пользователей, я взял Vip.

В начале нам надо найти эту иконку, я сделал это сразу и вот она (

). Залить иконку нужно себе на форум, к примеру в папку images.
После того идем в админку и переходим Админка/ группы Пользователей. Здесь выбираем нужную группу и нажимаем "Редактировать группу".

Click image for larger version

Name: OQ90xgNiekapH2EAuU34PA.jpg
Views: 32
Size: 6.2 KB
ID: 26320

После чего, как мы перешли на страницу редактирования группы выбираем пункт "Выделение имён HTML кодом".
Возможно, у вас стоит какой-то код, для выделения цветом той или иной группы. Я советую ставить код с нашей иконкой впереди всего кода, который уже стоит. Вот к примеру на Vip группу у меня стоит "радужное выделение". Что бы оно не пропало, я ставлю код (чуть позже скажу какой) в самый перед, в первой графе (см. скрин).

Click image for larger version

Name: h1pVA15G0m7W22Zhk7kSw.jpg
Views: 62
Size: 34.4 KB
ID: 26321

Сам код очень прост.

Code:

<img src="ссылка на картинку">

Обратите внимание, заместо слов "ссылка на картинку" нужно вставлять полную ссылку, а не название иконки, в нашем случае это http://www.fan-mail.ru/images/vip.png
Готовый код выглядит так:

Code:

<img src="http://www.fan-mail.ru/images/vip.png">

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

Code:

</span>

. Если есть, то второй раз не надо.

Click image for larger version

Name: zJJfnsZDckKJkJFMHvXtYQ.jpg
Views: 53
Size: 4.7 KB
ID: 26322

И так, а вот и результат:

Добавление анимации к нику.

Как то на одном форуме увидел прикольную анимацию в нике, поковырялся в кодах, поставил, все работает.

И так мы получим что то типа такого:

Отступа сверху снизу никого не будет, анимация ложится как фон на задний план ника, края анимации будет служить начало и конец вашего ника.

И так, заливаем картинку (ниже загружена) в папку, я создал специальную, назвал color, вы можете залить к примеру images либо в другую папку.

Идем в админку/группы пользователей/выбираем нужную вам группу и жмем редактировать.
Опять смотрим сюда:

В первое окно вставляем:

Code:

<span style="background:url(./color/1155.imgcache.gif) no-repeat center;">

Где ./color/1155.imgcache.gif есть путь к анимации.

Во второе вставляем

Code:

</span>

.

Рекомендую, если у вас в группе настроен цвет, вставьте следующий код, что бы не было путаницы.

Code:

<font color="#FF1515">

Где #FF1515 и есть цвет. В нашем случае красный.

Во второе окно:

Code:

</font>

Итоговый код (анимация и цвет).

Первое окно.

Code:

<span style="background:url(./color/1155.imgcache.gif) no-repeat center;"><font color="#FF1515">

Второе окно.

Code:

</font></span>

Анимация 1155.imgcache.zip

01-25-2013, 06:34 PM

Quote:

Originally Posted by Angel

Вот этот самый код нужно вставить в первую графу, при редактировании в группе. Напоминаю, код нужно вставить в самое начало строки.
Во вторую графу нужно написать
Код:
</span>

Что?
Открываем имг и закрываем спаном?Весело