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

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


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

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

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


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

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

Иконки групп

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

Иконки групп

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

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


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

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

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

Мужчина

Сообщения : 3051
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

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
Администратор
Администратор

Женщина

Сообщения : 22075
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Иконки групп

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

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


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

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

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

Мужчина

Сообщения : 3051
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

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
Администратор
Администратор

Женщина

Сообщения : 22075
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Иконки групп

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

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

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


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

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

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

Мужчина

Сообщения : 3051
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

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
Администратор
Администратор

Женщина

Сообщения : 22075
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

Без предупреждений

http://poltergeist-legacy.com/

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

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


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