Искрящийся ник у групп

Хочу сделать что то типо эффекта свечения и искр вокруг ника.
Как на форумах Xenforo.

Пример для ссылки тут https://help.forum2x2.ru/t31427-topic

Но там для ссылки а надо для ника.

Это надо чтобы было для определённых групп.
Администраторы, модераторы и тд.


Вот скриншот как это выглядит

Надеюсь поможете

Ребят помогите

Update😁

Kuzbas63, доброго времени.

Kuzbas63 пишет:https://help.forum2x2.ru/t31427-topic

Немного переделала код Домового для версий ModernBB и phpBB2, если у вас другая — напишите, исправлю.


Сам код (для одной группы) выглядит примерно так:

Код:

#page-body a span[style='color:#8F0000'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px}

Его нужно вставить в CSS (Панель администратора > Оформление > Картинки и цвета > Цвета > Каскадная таблица стилей CSS), а затем сохранить изменения. Единственное — нужно будет изменить цвет ссылок в коде ('color:#8F0000') на цвет нужной группы у вас на форуме. Как это сделать?

Идём в "Управление группами" (Панель администратора > Пользователи & Группы > Группы > Управление группами), затем заходим в настройки нужной группы. Нас интересует строка "Цвет членов группы":

Спойлер:

Копируем текстовое обозначение цвета, заменяем им цвет в коде CSS (фрагмент "color:#8F0000").
Сохраняем изменения в CSS, нажав на зелёную кнопку "ОК". По идее, всё должно работать.


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

Код:

#page-body a span[style='color:#цвет первой группы'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px}

#page-body a span[style='color:#цвет второй группы'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px}

либо использовать этот код, подставив нужные цвета:

Код:

#page-body a span[style='color:#цвет первой группы'], #page-body a span[style='color:#цвет второй группы'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px;}

Все работает спасибо!

Хотелось бы узнать, возможно ли изменить цвет искр.


😘

Нужен для invision код очень)

Спасибо!

Kuzbas63, по идее,

Код:

#ipbwrapper a span[style='color:#8F0000'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px}

Для modernBB бы ещё)
А тот который был выше только на BB2 работает(

Kuzbas63, странно, на моём тестовом modernBB всё работало. Оптимизация CSS отключена?

Можно попробовать этот код:

Код:

body a span[style='color:#8F0000'] {background: url("http://i75.servimg.com/u/f75/14/80/95/87/0_97af10.gif") transparent !important; border-radius: 10px; margin: -5px; padding: 5px}

И снова спасибо!
Заменил на body и работает)
Вы прям спец по CSS 

Огромное спасибо за не оценимую помощь!!!


Даночка, пожалуйста добавь эту тему в список готовых решений)
Думаю многим будет нужно.




Катарсис, очень прошу помочь с этими темами))
https://help.forum2x2.ru/t40261-topic

https://help.forum2x2.ru/t40261-topic

https://help.forum2x2.ru/t40240-topic
https://help.forum2x2.ru/t40258-topic

Спасибо, интересное решение, возможно использую его для себя.