Less для кастомных баннеров групп

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Less для кастомных баннеров групп - Кастомные баннеры групп

Для добавления кастомных баннеров групп как по умолчанию в XF 2, достаточно в настройках групп, указать кастомный класс, допустим для группы "Локализаторы" это выглядит так.

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

Где - userBanner userBanner--localizer, это наш кастомный класс.

И в extra.less добавить такой код.

/* Less для кастомных баннеров групп */
.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color...

Узнать больше об этом ресурсе...

 

[A1ex]

А для версии форума 1.х есть подобная модификация?

 

[Skaiman]

да откуда?

 

[NewMan]

Фон не меняется, меняется только цвет текста на зеленый

 

[Mirovinger]

Всё меняется, это по сути код, который используется для баннеров из коробки, видимо что-то не верно сами делаете.

 

[NewMan]

Mirovinger, там достаточно все понятно написано куда вставить где класс прописать но да ладно фиг с ним

 

[Skaiman]

NewMan, стиль какой? Может в стиле есть свой код баннеров?

 

[Mirovinger]

Mirovinger, там достаточно все понятно написано куда вставить где класс прописать но да ладно фиг с ним

Отнюдь, как написали выше, мало деталей, не просто так же у Вас не работает.

 

[vdmitrov]

Стиль Evolve не добавляются баннеры... Там есть свой код баннеров но я их отключил и пробовал добавлять с данной темы.
Добавил в extra.less потом в настройках группы указал кастомный класс но баннер вообще исчез и остался только текст..

 

[Mirovinger]

Хм, гадать не умеем, нужно видеть, класс же явно уже будет в добавленных, а значит оформление не применяется и вообще как делаете покажите.

 

[vdmitrov]

Хм, гадать не умеем, нужно видеть, класс же явно уже будет в добавленных, а значит оформление не применяется и вообще как делаете покажите.

Добавил в extra.less

Extra.less

/* Less для кастомных баннеров групп */
.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

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

.userBanner
{
    font-size: 75%;
    font-weight: @xf-fontWeightNormal;
    font-style: normal;
    padding: 1px @xf-paddingMedium;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusSmall;
    text-align: center;

    strong
    {
        font-weight: inherit;
    }
    // Собственные кастомные баннеры для групп
    &.userBanner--localizer{ .m userBannerVariation(white, #0bb1fc); }
    // Здесь код для нового баннера, каждый баннер с новой строки
}
/* / Less для кастомных баннеров групп */

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

Текст баннера указан

 

[Mirovinger]

Добавил в extra.less

Extra.less

/* Less для кастомных баннеров групп */
.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

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

.userBanner
{
    font-size: 75%;
    font-weight: @xf-fontWeightNormal;
    font-style: normal;
    padding: 1px @xf-paddingMedium;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusSmall;
    text-align: center;

    strong
    {
        font-weight: inherit;
    }
    // Собственные кастомные баннеры для групп
    &.userBanner--localizer{ .m userBannerVariation(white, #0bb1fc); }
    // Здесь код для нового баннера, каждый баннер с новой строки
}
/* / Less для кастомных баннеров групп */

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

Текст баннера указан

Лучше в личку и доступы, по возможности, так будет нагляднее.

А вот и ошибка.

В миксине, у Вас.
.m userBannerVariation
Должно быть.
.m-userBannerVariation