XF 2.1 Баннеры с подстветкой

[wutang]

Увидел на одном форуме вот такие баннеры с подстветкой, как ник.
Хотелось бы узнать, как сделать?

Нужны именно css и extra.less коды

 

[Froala]

А ссылка на сам форум то где?

 

[Matew]

Хотелось бы узнать, как сделать?

Нужны именно css и extra.less коды

Ща, вызовем штатных экстрасенсов и код по кофейной гуще угадаем ???

 

[Skaiman]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

Для дефолтных баннеров предлагаю сделать модификацию шаблона app_user_banners.less,
найти:

.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

    & when (iscolor(@border))
    {
        border-color: @border;
    }
}

заменить:

.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

    & when (iscolor(@border))
    {
        border-color: @border;
    }
    border: none;
    box-shadow: 0 0 3px 2px @bg;
}

параметры тени делаем свои, выше по ссылке смотрим

 

[wutang]

А ссылка на сам форум то где?

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[XcasualX]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

это уже евольв не справляется с форумом? ахах

 

[thevelasco]

Увидел на одном форуме вот такие баннеры с подстветкой, как ник.
Хотелось бы узнать, как сделать?

Нужны именно css и extra.less коды

Посмотреть вложение 132130

CSS для имени пользователя

color: gold;
text-shadow: #ffd700 1px 1px 5px;

extra.less

.userBanner {
box-shadow: 0px 0px 7px #ffa500;
color: #fff;
background-color: orange;
font-size: 87%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 2px;
text-align: center;
display: inline-block;
}

Другой, использующий своё имя CSS-класса

userBanner

Что получилось

 

[wutang]

Ответ получен, спасибо за помощь.