Мануал Баннер со световым эффектом

[Skaiman]

Skaiman разместил(а) новый ресурс:

Баннер со световым эффектом - Баннер групп со световым эффектом.

Видел где то картинкой такой баннер, но интереснее сделать без нее
В extra.less

.userBannerLight {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    margin: .6em 0em;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden;
    &.admin {
        background: #c62828;
    }
    &.moder {
        background...

Посмотреть страницу этого ресурса...

 

[ntdx]

Перфекционист страдает

Спойлер

У вас нет прав на просмотр содержимого спойлера, Войдите или Зарегистрируйтесь

 

[Skaiman]

Надо по месту смотреть, что там именно получается

 

[Skaiman]

А понял там указан внешний отступ для демо, margin: .6em 0em; убери его, из описания я убрал.

 

[ntdx]

Skaiman, да, я этого понял.

без margin

У вас нет прав на просмотр содержимого спойлера, Войдите или Зарегистрируйтесь

С margin: -0.9em 0em; лучше смотрится, но вот такая вот бредятина

Спойлер

У вас нет прав на просмотр содержимого спойлера, Войдите или Зарегистрируйтесь

 

[Skaiman]

но вот такая вот бредятина

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

Если так то, я вообще не понимаю зачем использовать баннер команды или кучу баннеров вообще

 

[Skaiman]

Или еще, там есть для всплывающего меню свойства

    .tooltip-content & {
        .tooltip--member & {
            width: 120px!important;
        }
    }

Можно толко там добавить внешний отступ, тогда в постбите его не будет.

 

[cinos]

Очень красивый Баннер

 

[Pokschubin]

Добавил Fa иконку и она летать начала

 

[DarkWeb]

Хорошее оформление баннеров пользуюсь по сей день)