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

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

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Skaiman разместил(а) новый ресурс:

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

Видел где то картинкой такой баннер, но интереснее сделать без нее :)
В extra.less
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...

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

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Надо по месту смотреть, что там именно получается
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
А понял :) там указан внешний отступ для демо, margin: .6em 0em; убери его, из описания я убрал.
 
  • Нравится
Реакции: ntdx

ntdx

Проверенный
Регистрация
06.07.18
Сообщения
14
Реакции
10
Баллы
25

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
но вот такая вот бредятина
Это не бредятина, это отрицательное значение отступа. Разные свойства баннеров, сделай баннер команды такой же.

Если так то, я вообще не понимаю зачем использовать баннер команды или кучу баннеров вообще :)
 
  • Нравится
Реакции: ntdx

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Или еще, там есть для всплывающего меню свойства
Код:
    .tooltip-content & {
        .tooltip--member & {
            width: 120px!important;
        }
    }
Можно толко там добавить внешний отступ, тогда в постбите его не будет.
 
  • Нравится
Реакции: ntdx

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
264
Решения
3
Реакции
24
Баллы
65
Добавил Fa иконку и она летать начала :ROFLMAO:
 

DarkWeb

Проверенный
Регистрация
11.09.22
Сообщения
22
Решения
1
Реакции
8
Баллы
50
Хорошее оформление баннеров пользуюсь по сей день)
 
Верх Низ