Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

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



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Иконки групп

Предыдущая тема Следующая тема Перейти вниз

Решено Иконки групп

Сообщение автор Ilya в Вс 27 Янв - 1:54

Есть пример http://relax.forummo.com. Подскажите кто-нибудь, пожалуйста:
1. Внизу самом, у каждой группы есть своя картинка и эта же картинка у пользователей этой группы. Я знаю только как сделать только одну такую картинку на всех пользователей, а как сделать разные картинки для групп - нет.


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Пол : Мужчина
Сообщения : 3069
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Карма : Без предупреждений
Благодарности : 1455
Регистрация : 2011-10-29

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Иконки групп

Сообщение автор Dana Domirani в Вс 27 Янв - 1:55

1. Внизу самом, у каждой группы есть своя картинка и эта же картинка у пользователей этой группы. Я знаю только как сделать только одну такую картинку на всех пользователей, а как сделать разные картинки для групп - нет.
Они добавлены вручную, каждому пользователю, через CSS:
Спойлер:
Код:
a[href="/u1"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://titany.ro/forum/images/group_icons/adm.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 14px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 25px;
}
.membruu strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://cpr-life.com/forum/images/group_icons/Membru.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u78"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 25px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 25px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 25px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://cpr-life.com/forum/images/group_icons/adm2.gif.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 18px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 25px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/design10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u600"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i32.servimg.com/u/f32/17/82/84/98/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u3"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/11.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u44"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.killzone.ro/images/group_icons/vip.gif.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 24px;
}
a[href="/u2"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.killzone.ro/images/group_icons/vip.gif.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 24px;
}
a[href="/u20"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u4"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/9.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u176"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/11.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u170"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://limitstrike.ro/forum/images/group_icons/girls.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u267"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u302"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u302"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://lent.ro/forum/images/group_icons/moderator[1].gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u242"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://lent.ro/forum/images/group_icons/moderator[1].gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u188"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://i31.servimg.com/u/f31/17/51/50/26/admini10.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u222"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://legendcs.com/forum/images/group_icons/owneri-servere.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u261"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/11.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u50"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://www.rccs.ro/forum/images/group_icons/11.gif");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}
a[href="/u422"] strong {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://titany.ro/forum/images/group_icons/adm.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 16px;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Иконки групп

Сообщение автор Ilya в Вс 27 Янв - 2:04

Ого, мне аж дурно стало. Автоматизировать этот процесс получится?


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Пол : Мужчина
Сообщения : 3069
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Карма : Без предупреждений
Благодарности : 1455
Регистрация : 2011-10-29

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Иконки групп

Сообщение автор Dana Domirani в Вс 27 Янв - 2:45

Получилось более-менее. Пример — http://tstr.forum2x2.ru/



Принцип такой:

1) Задаем цвет всем группам на форуме. Записываем значение этого цвета.
Для примера:
  • цвет админов и модеров — #339900
  • цвет посетителей — #D338EB


2) Добавляем в CSS коды:
Код:
/* зеленая группа - админы и модераторы */
span[style="color:#339900"], a[href*="/g2-group"] {
    background: transparent url("http://titany.ro/forum/images/group_icons/adm.png") left center no-repeat;
    padding-left: 16px;
}
    span[style="color:#339900"] — это правило для всех span'ов цвета #339900
    a[href*="/g2-group"] — это правило для ссылки в Легенде условных обозначений
    http://titany.ro/forum/images/group_icons/adm.png — это иконка, которая будет добавлена слева


Тем же макаром разделываем вторую группу:
Код:
/* розовая группа - посетители */
span[style="color:#D338EB"], a[href*="/g3-group"]  {
    background: transparent url("http://i31.servimg.com/u/f31/17/51/50/26/design10.png") left center no-repeat;
    padding-left: 16px;
}

И все остальные по тому же принципу.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Иконки групп

Сообщение автор Ilya в Вс 27 Янв - 3:10

Дана, ты супер. Спасибо большое!

P.S. заодно допиши про "свечение", может, кому-нибудь пригодится.


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Пол : Мужчина
Сообщения : 3069
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Карма : Без предупреждений
Благодарности : 1455
Регистрация : 2011-10-29

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Иконки групп

Сообщение автор Dana Domirani в Вс 27 Янв - 3:12

Не за что!

Если нужна не иконка, а свечение, тогда в вышеуказанных кодах вместо настроек фона и отступа
Код:
background: transparent url("ссылка на картинку") left center no-repeat;
padding-left: 16px;
надо подставить строку с размытой тенью:
Код:
text-shadow: 0px 0px 3px #fa783c;
#fa783c — это код свечения (в примере оранжевого), его надо будет заменить на нужный цвет

P.s. к обычным цветным ссылкам в постах пользователей не цепляется (там не span, а font в коде)


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения