Баннеры хакерских форумов

Баннеры хакерских форумов 01

Нет прав для скачивания

Skaiman

Заблокирован
Сообщения
17,572
Решения
199
Реакции
32,861
Баллы
18,475
Skaiman добавил(а) новый ресурс:

Баннеры хакерских форумов - Любимые баннеры какеров без картинки

Решил сделать любимые баннеры какерских форумов без картинок, с помощью стилей, LESS.
Посмотреть вложение 87794
Заливаем шрифт из архива.
В extra.less добавляем:
Less:
@BannerFontPath: "/styles/fonts/Visitor_Rus";
@BannerBeforeContent: "\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1";
.userBannerGroup (@group, @color) {
    .userBanner.userBanner--@{group} {
        color: @color;
    }
}

@font-face {
    font-family: 'Visitor_Rus';
    src: url('@{BannerFontPath}/Visitor_Rus.eot')...

Узнать больше об этом ресурсе...
 
xD только этим утром решил сделать нормальные баннеры сам, наконец доделал, захожу на форум и вижу это
 
Последнее редактирование:
Неплохо вышло, огромный респект за работу. Хотя шрифт Visitor_Rus мне не очень нравится, особенно в кириллице. Может, у тебя есть еще что-то на примете из стоящих "компьютерно-олдскульных" шрифтов?
 
Последнее редактирование:
че-то пошло не так
Отключи в настройках "Показывать баннер участника команды форума", "Разрешить несколько баннеров" и "Показывать баннер участника команды форума и группы" и будет нормально отображаться только тот баннер, стиль которого ты настроил.
 
Отключи в настройках "Показывать баннер участника команды форума", "Разрешить несколько баннеров" и "Показывать баннер участника команды форума и группы" и будет нормально отображаться только тот баннер, стиль которого ты настроил.
Там вроде про фон было. Можно добавить
Код:
background-color: transparent;
Less:
.userBanner {
    background-color: transparent;
    margin-top: -5px!important;
    strong {
        font-family: 'Visitor_Rus';
        font-weight: 600;
    }
    .userBanner-before {
        display: block;
        &:before {
            font-family: 'FontAwesome';
            content: @BannerBeforeContent;
            font-size: 1.5em;
            font-style: italic;
            line-height: 50%;           
        }
    }   
}
или
Код:
background: none;

мне не очень нравится, особенно в кириллице. Может, у тебя есть еще что-то на примете из стоящих "компьютерно-олдскульных" шрифтов?
Используй какой нравится, а советовать не буду, вкусы разные, я у себя использовал Solomon Sans, для ников и баннеров.
 
Последнее редактирование модератором:
Подскажите, а как реализовать к примеру, чтобы для зарегистрированных была одна полоска, у местного 2, ну и так далее по возрастанию?
 
Подскажите, а как реализовать к примеру, чтобы для зарегистрированных была одна полоска, у местного 2, ну и так далее по возрастанию?
Вот же код
Код:
@BannerBeforeContent: "\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1";

Сколько хочешь полосок, столько и ставь)
 
Sidd, ну это понятно, код вроде не сложный, но как для КАЖДОЙ группы отдельно задать , не могу догнать
 
Sidd, ну это понятно, код вроде не сложный, но как для КАЖДОЙ группы отдельно задать , не могу догнать
Так блин несколько раз скопировать этот код в extra.less, присвоить им разные классы и указать в настройках групп эти классы
 
Подскажите как сделать на всю ширину

UPD: разобрался
 

Вложения

  • Screenshot_2019-01-02-19-39-01-209_com.android.chrome.png
    Screenshot_2019-01-02-19-39-01-209_com.android.chrome.png
    220.1 KB · Просмотры: 134
Последнее редактирование:
делал все по инструкции но полосы не отображаются что делать?
 

Вложения

  • Screenshot_14.png
    Screenshot_14.png
    19.4 KB · Просмотры: 54
Таки шрифт залить, наверное.
И мануал таки под 2.0, под 2.1 точить нужно.
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу