Баннеры групп

[25517]

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

Баннеры групп - Пользовательские баннеры групп

Добавьте в extra.less следующий код:

.banner(@bg: @xf-contentBg; @color: @xf-textColor)
{
    padding: .8em 1.4em;
    font-size: 8pt;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    background: lighten(@bg, 4%);
    color: @color;
    .m-transition();
    &:hover
    {
        background: lighten(@bg, 2%);
    }
}

Затем используйте:

.userBanner
{
    &.userBanner--staff
    {
        .banner();
    }
    &--admin...

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

 

[Slav]

.userBanner
{
    &.userBanner--staff
    {
        .banner();
    }
    &--admin
    {
        .banner(rgb(178, 34, 34));
    }
}

Добрый день, вместо staff что написать если я хочу например сменить цвет этой группы

Скрин

 

[25517]

 

[Slav]

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

Проверенные к примеру?

 

[Skaiman]

Там же можно использовать Другой класс CSS, напиши там userBanner--verified и добавь в код:

    &--verified
    {
        .banner(цвет);
    }

 

[Narberal Gamma]

Как изменить цвет баннера "команда форума"?

Я цвет добавил, но он не изменился.

.userBanner
{
    &.userBanner--staff
    {
        .banner(rgb(255, 255, 255));
    }
    &--admin
    {
        .banner(rgb(178, 34, 34));
    }
}

 

[25517]

Gilgamesh,
Понятия не имею, что вы там делаете.

 

[Narberal Gamma]

Наверное из-за того, что я каждой группе повер стафф оставлял. Ладно, он как-то странно ведёт себя. Поставил цвет серый, а он зелёный зачем-то показывает.

Какая настройка отвечает за размер прямоугольника?

 

[25517]

Gilgamesh,

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

 

[Skaiman]

Gilgamesh, так то если бы посмотрел справочник, то не делал бы лишних телодвижений и лишнего кода :) Изначально в коде нет высоты баннера

height: 26px;

она определяется внутренним отступом padding (

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

)

padding: .8em 1.4em;

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

Там нет смысла добавлять еще свойство для отступа сверху

padding-top: 6px;

можно было в имеющемся изменить

это типо: на учебник, читай и изучай

а ты хотел без минимальных знаний делать форум, только на вопросах и ответах, тупо на копипасте? Здесь оказывают помощь, но не по базовым знаниям css или html, для этого и есть справочники.

 

[Narberal Gamma]

Здарова. как называется условия, где можно изменить в баннере цвет текста. У меня жёлтый цвет баннера, а текст белый, нужно сделать его черным для конкретной группы проверенного.

 

[Froala]

Здарова. как называется условия, где можно изменить в баннере цвет текста. У меня жёлтый цвет баннера, а текст белый, нужно сделать его черным для конкретной группы проверенного.

color: для нужного баннера - ?

 

[Narberal Gamma]

Tokyo, мне нужно поменять с белого на черный. Просто как правильно в код приписать это изменение цвета:

 

[Kiruha]

Tokyo, мне нужно поменять с белого на черный. Просто как правильно в код приписать это изменение цвета:

Берешь в extra.less и спокойно прописываешь color: black;

 

[DioFix]

Tokyo, мне нужно поменять с белого на черный. Просто как правильно в код приписать это изменение цвета:

Посмотри класс у баннера и добавь. в е extra.less
Дорожно быть как то так.

.userBanner--premium {
color: #ffffff; // цвет текста
background: #d80000; // цвет фона баннера
border-color: #a50000; // цвет обрамления баннера
}

 

[Skaiman]

Какой extra.less? :)

.userBanner
{
    &.userBanner--staff
    {
        .banner();
    }
    &--admin
    {
        .banner(rgb(178, 34, 34));
    }
    &--user
    {
        .banner(#DFE000, #000);
    }  
}