Отдельный цвет / иконка для ника пользователя
Страница 1 из 1
Отдельный цвет / иконка для ника пользователя
Подходит для всех движков. Позволяет выделить цветом и/или иконкой нескольких пользователей без создания для них отдельной группы.
1) Определяем индивидуальную ссылку на пользователя. Для этого открываем его профиль и оказываемся на странице с подобным адресом:
Копируем значение после последней косой черты:
и подставляем в две строки
2) Добавляем настройки для этого элемента (ника пользователя) в ПА > Оформление > Цвета > Каскадная таблица стилей CSS
где color - индивидуальный цвет ника
padding-right - отступ, который необходим, чтобы иконка не сливалась с текстом; должен быть чуть больше ширины иконки.
background - фон; transparent - бесцветный, url('ссылка на картинку') - изображение иконки, no-repeat - изображение не повторяется, center right - изображение выровнено по центу и прижато к правому краю;
text-shadow - тень от текста; 0px 0px - отступы тени по горизонтали и вертикали, 4px - размытие тени, #F4A460 - цвет тени;
Настраиваем цвета и изображения по своему вкусу. Сохраняем.
Отдельная иконка для группы
© Данный туториал создан пользователем Dana Domirani. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
1) Определяем индивидуальную ссылку на пользователя. Для этого открываем его профиль и оказываемся на странице с подобным адресом:
httр://help.forum2x2.ru/u1425 |
Копируем значение после последней косой черты:
httр://help.forum2x2.ru/u1425 |
и подставляем в две строки
a[href$="/u1425"] |
a[href$="/u1425"], a[href$="/u1425"] span |
2) Добавляем настройки для этого элемента (ника пользователя) в ПА > Оформление > Цвета > Каскадная таблица стилей CSS
- Код:
/* персональные настройки для username */
a[href$="/u1425"] {
padding-right: 21px;
background: transparent url('http://i39.servimg.com/u/f39/13/71/53/06/we9810.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
a[href$="/u1425"], a[href$="/u1425"] span {
color: #FF8C00 !important;
}
где color - индивидуальный цвет ника
padding-right - отступ, который необходим, чтобы иконка не сливалась с текстом; должен быть чуть больше ширины иконки.
background - фон; transparent - бесцветный, url('ссылка на картинку') - изображение иконки, no-repeat - изображение не повторяется, center right - изображение выровнено по центу и прижато к правому краю;
text-shadow - тень от текста; 0px 0px - отступы тени по горизонтали и вертикали, 4px - размытие тени, #F4A460 - цвет тени;
Настраиваем цвета и изображения по своему вкусу. Сохраняем.
Похожая тема
Отдельная иконка для группы
© Данный туториал создан пользователем Dana Domirani. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|