Баннер пользователя

Статус
В этой теме нельзя размещать новые ответы.

Time

Проверенные
Сообщения
573
Реакции
253
Баллы
5,545
Как можно сделать такой банер? Текст и форма
Снимок экрана 2015-01-15 в 10.12.04.png
Чтоб тут тоже был такой же
Снимок экрана 2015-01-15 в 10.14.36.png
 
Подскажи в каком именно месте нужно менять? там много color
Код:
.userBanner
{
    font-size: 11px;
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 1px 5px;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
    text-align: center;
}

    .userBanner.wrapped
    {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        position: relative;
    }
       
        .userBanner.wrapped span
        {
            position: absolute;
            top: -4px;
            width: 5px;
            height: 4px;
            background-color: inherit;
        }
       
        .userBanner.wrapped span.before
        {
            border-top-left-radius: 3px;
            left: -1px;
        }
       
        .userBanner.wrapped span.after
        {
            border-top-right-radius: 3px;
            right: -1px;
        }
       
.userBanner.bannerHidden { background: none; box-shadow: none; border: none; }
.userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; }
.userBanner.bannerHidden.wrapped span { display: none; }

.userBanner.bannerStaff { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighter; }
.userBanner.bannerStaff.wrapped span { background-color: @primaryLighter; }

.userBanner.bannerPrimary { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighter; }
.userBanner.bannerPrimary.wrapped span { background-color: @primaryLighter; }

.userBanner.bannerSecondary { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
.userBanner.bannerSecondary.wrapped span { background-color: @secondaryLighter; }

.userBanner.bannerRed        { color: white; background-color: red; border-color: #F88; }
.userBanner.bannerRed.wrapped span { background-color: #F88; }

.userBanner.bannerGreen      { color: white; background-color: green; border-color: green; }
.userBanner.bannerGreen.wrapped span { background-color: green; }

.userBanner.bannerOlive      { color: black; background-color: olive; border-color: olive; }
.userBanner.bannerOlive.wrapped span { background-color: olive; }

.userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; }

.userBanner.bannerBlue       { color: white; background-color: blue; border-color: #88F; }
.userBanner.bannerBlue.wrapped span { background-color: #88F; }

.userBanner.bannerRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; }

.userBanner.bannerSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; }

.userBanner.bannerGray       { color: black; background-color: gray; border-color: #AAA; }
.userBanner.bannerGray.wrapped span { background-color: #AAA; }

.userBanner.bannerSilver     { color: black; background-color: silver; border-color: silver; }
.userBanner.bannerSilver.wrapped span { background-color: silver; }

.userBanner.bannerYellow     { color: black; background-color: yellow; border-color: #E0E000; }
.userBanner.bannerYellow.wrapped span { background-color: #E0E000; }

.userBanner.bannerOrange     { color: black; background-color: orange; border-color: #FFC520; }
.userBanner.bannerOrange.wrapped span { background-color: #FFC520; }
 
Там для всех стандартных баннеров, я ж не знаю какой у тебя установлен, правой кнопкой мыши происпектируй элемент, посмотри какой класс у твоего баннера, в этом классе и замени цвет текста.
 
  • Мне нравится
Реакции: Time
:) Приехали! На колу мочало, начинай сначала :lol:

Просто пойми сам процесс, https://xenforo.info/resources/Звания-имена-баннеры-групп.2776/update?update=6783
"Другой, используя своё имя CSS-класса" в текстовое поле, где ты написал "Какой свой цвет добавить", пишется класс для стиля, например для админа: admin_style и все, а уже в EXTRA.css задаешь для этого класса параметры:
.admin_style {
background: green;
font-weight: bold;
color: red;
}
Вот там, по ссылке, что я указал и написано про это, только уже все стили заданы полностью.
.admin_style, .lamer_style, .moder_style, .user_style это классы для пользователей в поле "Другой, используя своё имя CSS-класса", только без точки впереди и по одному конечно :)
 
:-) Приехали! На колу мочало, начинай сначала :lol:

Просто пойми сам процесс, https://xenforo.info/resources/Звания-имена-баннеры-групп.2776/update?update=6783
"Другой, используя своё имя CSS-класса" в текстовое поле, где ты написал "Какой свой цвет добавить", пишется класс для стиля, например для админа: admin_style и все, а уже в EXTRA.css задаешь для этого класса параметры:
.admin_style {
background: green;
font-weight: bold;
color: red;
}
Вот там, по ссылке, что я указал и написано про это, только уже все стили заданы полностью.
.admin_style, .lamer_style, .moder_style, .user_style это классы для пользователей в поле "Другой, используя своё имя CSS-класса", только без точки впереди и по одному конечно :-)
Теперь понял и начинаю вникать "Как это работает"))
 
Ну дык, тебе ж самого начала твердил, почитай :) ток обновления читай снизу вверх, начинай с нижнего

но к стандартным это не относится, если ты выбрал другой, то это будет полностью новый баннер, стандартные править в user_banners.css
 
  • Мне нравится
Реакции: Time
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу