баннер

  1. Skaiman

    Мануал LESS для баннеров групп

    Делаем модификацию шаблона extra.less, добавляем в него: @borderUserBanner: 0; // Радиус закругления баннера @staffIcon: users-cog; // Иконка команды форума @staffBannerBG: #1DABB8; // Цвет фона баннера команды форума @bannerTextColor: #fff; // Цвет текста и иконки .userBannerBefore() {...
  2. Skaiman

    Мануал Баннеры с анимированным градиентом

    Уже столько вопросов было и уже столько по ним кривого кода :) Делаем так, в extra.less: .userBanner { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 65%; padding: 3px 6px; background-size: 600% 600%; animation: AnimBanner 10s ease infinite...
  3. Skaiman

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

    Видел где то картинкой такой баннер, но интереснее сделать без нее :) В extra.less .userBannerLight, .userBanner--staff { display: inline-block; text-align: center; font-size: .7em; font-weight: 500; color: #fff; text-transform: uppercase; padding: .5em 0em...
  4. Skaiman

    Мануал Баннер с градиентом

    В extra.less добавляем: .linear-gradient-prefixes(@deg, @start, @end) { background-image: -webkit-linear-gradient(@deg, @start, @end); background-image: -moz-linear-gradient(@deg, @start, @end); background-image: linear-gradient(90deg, @start 0%, @end 100%); } .linear-gradient(@_...
Верх Низ