XF 2.2 Краска.

[Nikita_Tuz]

Как сделать такие краски на форуме

 

[Skaiman]

в поиск по форуму, баннеры групп

 

[Nikita_Tuz]

в поиск по форуму, баннеры гру

не нашел помогите пожалуйста

 

[Skaiman]

блин, ну баннеров ГРУ навряд ли здесь есть, не то направление

 

[Nikita_Tuz]

блин, ну баннеров ГРУ навряд ли здесь есть, не то направление

Я не знаю, пожалуйста куда обратиться подскажите пожалуйста

 

[kultinka]

Просмотр кода элемента для самых маленьких

 

[Skaiman]

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

 

[kultinka]

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

Он спрашивал как сделать такие-же группы. По сути ему этот поиск и не нужен

 

[Skaiman]

Он спрашивал как сделать такие-же группы. По сути ему этот поиск и не нужен

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

 

[kultinka]

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

Ну не смог ребенок найти кнопку поиска в навбаре.. ну бывает

 

[Kokiyo]

Тут только один вариант, посмотреть код элемента(F12) :) Немного облегчу раздумье
В "Другой, использующий своё имя CSS-класса", как пример, banner admin. Градиенты можно взять с интернета, либо через код элемента на их форуме

.banner {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: none;
    border-radius: 20px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    font-size: 75%;
    color: #fff;
     &:before {
         content: '';
         display: inline-flex;
         width: 12px;
         height: 12px;
         background: url(https://forum.crmp.online/styles/svg/banner/logo_crmponline.png) no-repeat center / 18px, linear-gradient(to top, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 100%);
         filter: opacity(100%);
         padding: 2px;
         border-radius: 100%;
    }
    &.admin {
            background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%);
    }
    &.lider {
            background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%);
    }
    
}

.userBanner strong {
    font-size: 70%;
    font-weight: 700;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
}

OFFTOP

Код пыталась сделать красивым, поэтому знатоки, не ругайтесь, если есть нюансы в его оформление, так он работает :D

 

[Skaiman]

Topik, так то код надо делать не красивым, а правильным :) и понимать свойства которые указываешь, не лепить все подряд

 

[Skaiman]

это исковерканный код моего мануала