Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Иконки групп
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Иконки групп
автор Ilya Январь 27th 2013, 01:54
Есть пример http://relax.forummo.com. Подскажите кто-нибудь, пожалуйста:
1. Внизу самом, у каждой группы есть своя картинка и эта же картинка у пользователей этой группы. Я знаю только как сделать только одну такую картинку на всех пользователей, а как сделать разные картинки для групп - нет.
1. Внизу самом, у каждой группы есть своя картинка и эта же картинка у пользователей этой группы. Я знаю только как сделать только одну такую картинку на всех пользователей, а как сделать разные картинки для групп - нет.
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Иконки групп
автор Dana Domirani Январь 27th 2013, 01:55
Они добавлены вручную, каждому пользователю, через CSS:1. Внизу самом, у каждой группы есть своя картинка и эта же картинка у пользователей этой группы. Я знаю только как сделать только одну такую картинку на всех пользователей, а как сделать разные картинки для групп - нет.
- Спойлер:
- Код:
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- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Иконки групп
автор Ilya Январь 27th 2013, 02:04
Ого, мне аж дурно стало. Автоматизировать этот процесс получится?
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Re: Иконки групп
автор Dana Domirani Январь 27th 2013, 02:45
Получилось более-менее. Пример — http://tstr.forum2x2.ru/
Принцип такой:
1) Задаем цвет всем группам на форуме. Записываем значение этого цвета.
Для примера:
2) Добавляем в CSS коды:
Тем же макаром разделываем вторую группу:
И все остальные по тому же принципу.
Принцип такой:
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- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Иконки групп
автор Ilya Январь 27th 2013, 03:10
Дана, ты супер. Спасибо большое!
P.S. заодно допиши про "свечение", может, кому-нибудь пригодится.
P.S. заодно допиши про "свечение", может, кому-нибудь пригодится.
Ilya- Помощник
-
Сообщения : 3249
Регистрация : 2011-10-29
Благодарности : 1519
-
Иконки групп
автор Dana Domirani Январь 27th 2013, 03:12
Не за что!
Если нужна не иконка, а свечение, тогда в вышеуказанных кодах вместо настроек фона и отступа
P.s. к обычным цветным ссылкам в постах пользователей не цепляется (там не span, а font в коде)
Если нужна не иконка, а свечение, тогда в вышеуказанных кодах вместо настроек фона и отступа
- Код:
background: transparent url("ссылка на картинку") left center no-repeat;
padding-left: 16px;
- Код:
text-shadow: 0px 0px 3px #fa783c;
P.s. к обычным цветным ссылкам в постах пользователей не цепляется (там не span, а font в коде)
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Похожие темы» Иконки для групп.
» Искрящийся ник у групп
» Иконки групп пользователей
» Как поменять иконки групп???!!!
» Где можно поставить иконки групп для пользователей?
» Искрящийся ник у групп
» Иконки групп пользователей
» Как поменять иконки групп???!!!
» Где можно поставить иконки групп для пользователей?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
