XF 2.1 Как сделать такие же края баннера

[seanizw]

Как сделать такие же края баннера (загругленые)?

 

[CrazyHackGUT]

F12, и вперёд.

 

[seanizw]

F12, и вперёд.

в extra.less добавить?

 

[Mikun Hatsune]

в extra.less добавить?

Естественно.
Только в шаблон, никаких "модификаций".

 

[seanizw]

через f12 нашел вот это "position: relative; " который и закругляет, но добавляю себе - 0 реакции (ничего не произошло)

 

[CrazyHackGUT]

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

 

[seanizw]

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

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

 

[Mirovinger]

.userBanner {
    &.message-userBanner {
        &.userBanner--staff {
            span {
                background-color: rgb(63, 81, 106);
            }
        }

        span {
            position: absolute;
            top: -3px;
            background-color: inherit;
            width: 5px;
            height: 3px;

            &.userBanner-after {
                border-top-right-radius: 3px;
                right: 0;
            }

            &.userBanner-before {
                border-top-left-radius: 3px;
                left: 0;
            }
        }

        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: relative;
    }
}

Допилить по вкусу.
Ну и немного больше - Баннер групп ленточкой.

 

[seanizw]

как сделать шире баннер?

 

[Mirovinger]

Вам дана основа, дальше всё элементарно допилить.