Баннеры групп 02

[Skaiman]

Skaiman добавил(а) новый ресурс:

Баннеры групп - Баннеры групп

Мои старые баннеры для групп, делались еще на первую ведку движка, адаптированы для второй.
Заливаем шрифт из архива, в extra.less добавляем:

@svgFontPach: "/styles/fonts/";

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueProRegular.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family...

Узнать больше об этом ресурсе...

 

[IlyaPep]

Вот бы ещё скриншотик как они выглядят в описание добавить, и будет топ

 

[Skaiman]

Вот бы ещё скриншотик как они выглядят в описание добавить, и будет топ

забыл

 

[Storyteller]

Както не получается у меня. В чем может быть проблема?

 

[Skaiman]

текст баннера

 

[Mirovinger]

Как минимум в руках, кто текст банера будет заполнять, без него показываться он не будет.

 

[Adept]

Явно делаю, что то не то. Шрифты загрузил, в extra.less добавил.

 

[SoundMonster]

Adept, Так ты размер шрифта сделай меньше или блок шире

 

[Skaiman]

Шрифт явно не подгружается, походу UI.X стиль, по месту смотреть надо

 

[ZloyDed]

Adept, название шрифта в коде BebasNeuePro, в архиве BebasNeue. Из-за этого и не срабатывает. В коде отредактируйте и всё заработает.

 

[Skaiman]

Поправлю в описании, это у меня есть и про :)

 

[Skaiman]

Skaiman обновил(а) ресурс Баннеры групп новой записью:

Обновление 02

Немного исправил код для строчного баннера для профиля и тултипа
Добавил код для баннера команды форума

Узнать больше об этом обновлении...

 

[andrey0954]

Явно делаю, что то не то. Шрифты загрузил, в extra.less добавил.
Посмотреть вложение 113354

Skaiman обновил(а) ресурс Баннеры групп новой записью:

Обновление 02
Узнать больше об этом обновлении...

такая же проблема
как сделать размер шрифта меньше или блок шире?

нашёл решение, вот я дурак
font size необходимо изменить в extra.less

 

[ramdev]

Спасибо за баннеры очень нравится.

Скриншот

В коде пришёл к такому виду

@svgFontPach: "/styles/fonts/";

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@userBannerCustom-width: 100px;
@userBannerCustom-staff--color: @xf-linkColor;

.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
    display: inline-block;
}

.userBannerCustom(admin, #d80000, #d80000);

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'BebasNeuePro';
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: @xf-responsiveMedium) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()       
        }
        .template-member_view & {
            .userBannerCustom-inline-block()
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

.userBanner.userBanner--staff {
    .userBannerCustom;
    .userBannerCustom(admin, #d80000, #d80000);
    background: transparent;
    color: @userBannerCustom-staff--color;
    border-color: @userBannerCustom-staff--color;
    
}

 

[Экстрим]

Спасибо за баннеры очень нравится.

Скриншот

Посмотреть вложение 117385

В коде пришёл к такому виду

@svgFontPach: "/styles/fonts/";

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@userBannerCustom-width: 100px;
@userBannerCustom-staff--color: @xf-linkColor;

.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
    display: inline-block;
}

.userBannerCustom(admin, #d80000, #d80000);

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'BebasNeuePro';
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: @xf-responsiveMedium) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()      
        }
        .template-member_view & {
            .userBannerCustom-inline-block()
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

.userBanner.userBanner--staff {
    .userBannerCustom;
    .userBannerCustom(admin, #d80000, #d80000);
    background: transparent;
    color: @userBannerCustom-staff--color;
    border-color: @userBannerCustom-staff--color;
   
}

6.7. Не оставляйте сообщений, не несущих смысловой нагрузки! Сообщения, типа "Спасибо", "СПС", "Thx", "Скачал", "Забрал", "Круто" и т.п - будут удаляться. Если Вы хотите поблагодарить участника за его сообщение, то просто нажмите на кнопку "Мне нравится".

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

 

[ramdev]

Спасибо за баннеры очень нравится.

Скриншот

Посмотреть вложение 117385

В коде пришёл к такому виду

@svgFontPach: "/styles/fonts/";

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeuePro';
    src: url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff2') format('woff2'),
         url('@{svgFontPach}BebasNeuePro/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@userBannerCustom-width: 100px;
@userBannerCustom-staff--color: @xf-linkColor;

.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
    display: inline-block;
}

.userBannerCustom(admin, #d80000, #d80000);

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'BebasNeuePro';
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: @xf-responsiveMedium) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()      
        }
        .template-member_view & {
            .userBannerCustom-inline-block()
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

.userBanner.userBanner--staff {
    .userBannerCustom;
    .userBannerCustom(admin, #d80000, #d80000);
    background: transparent;
    color: @userBannerCustom-staff--color;
    border-color: @userBannerCustom-staff--color;
   
}

Но единственное как правильно писать его там же где .userBannerCustom(admin, #цвет, #цвет)
и ниже или указывать по-новому скобки и писать всё это? Ибо у меня после добавления одного нормально а после добавления второй просто чёрное без рамок.

 

[Skaiman]

В описании разве написано, что надо пихать в код баннера для команды, добавляется ниже всего кода.

Да и шрифт у тебя не отображается

 

[blad]

Доброй ночи. Подскажите пожалуйста, а как сделать что бы весь текст был не прописными буквами, а только заглавная буква прописная а остальные строчные, так же подскажите пожалуйста как можно сделать что бы текст можно было немного растянуть? Заранее спасибо

 

[HAIM]

Доброй ночи. Подскажите пожалуйста, а как сделать что бы весь текст был не прописными буквами, а только заглавная буква прописная а остальные строчные, так же подскажите пожалуйста как можно сделать что бы текст можно было немного растянуть? Заранее спасибо

text-transform: uppercase;

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

 

[blad]

HAIM, не помогает, текст все равно остается прописным