Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430

XF 2.1 Banner

Статус
В этой теме нельзя размещать новые ответы.
Версия XenForo
2.1.7
S_Sirius

S_Sirius

Проверенные
Сообщения
312
Решения
6
Реакции
92
Баллы
330
Делал баннер для группы но цветы не работают, в чем проблема?
Less: 
@font-face {
    font-family: 'BebasNeueBold';
    src: url('styles/default/xenforo/fonts/BebasNeue/BebasNeueBold.eot');
    src: url('styles/default/xenforo/fonts/BebasNeue/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
         url('styles/default/xenforo/fonts/BebasNeue/BebasNeueBold.woff') format('woff'),
         url('styles/default/xenforo/fonts/BebasNeue/BebasNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@user-banner: ~"[class*='style_']";
.banner-color(@color) {
    color: @color;
    border-color: @color;
}

@{user-banner} {
    display: inline-block;
    position: relative;
    font-family: 'BebasNeueBold';
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    margin: 4px 0;
    width: 100%;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
    @media (max-width: @xf-responsiveMedium) {
        display: inline-block;
        width: auto;
    }   
}

.style {
    &_admin {
        .banner-color(rgb(201,31,55));
    }       
}

[data-template="member_view"] .memberHeader-banners @{user-banner},
.tooltip--member .tooltip-content @{user-banner} {
    width: 120px!important;
}

1582376650485.png
 
Последнее редактирование:
Сортировка по дате Сортировка по голосам
Код у тебя не полный :-) Там где ты нашел с паблика, это часть кода, которую может увидеть гость или пользователь у которого мало прав для просмотра ресурсов например
 
Позитивный голос 0 Негативный голос
ZloyDed написал(а):
Код у тебя не полный :-) Там где ты нашел с паблика, это часть кода, которую может увидеть гость или пользователь у которого мало прав для просмотра ресурсов например
Нажмите для раскрытия...
А можете кинуть ссылку на тему где есть подобный гайд?)
 
Позитивный голос 0 Негативный голос
Нашёл такую тему но у меня чёт не работает

1582378688875.png
Less: 
@bebas-neue-font-path: "/styles/fonts/BebasNeue";
@userBannerCustom-width: 120px;
.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: normal;
  src: url('@{bebas-neue-font-path}/BebasNeueRegular.woff2') format('woff2'),
       url('@{bebas-neue-font-path}/BebasNeueRegular.woff') format('woff');
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: bold;
    src: url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff2') format('woff2'),
         url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff') format('woff');
}

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'Bebas Neue';
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: 650px) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()    
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

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

Фонты все добавил что было в архиве
 
Позитивный голос 0 Негативный голос
В любой, главное понимать что делаешь :)

Ruben написал(а):
Нашёл такую тему но у меня чёт не работает

Посмотреть вложение 113135
Less: 
@bebas-neue-font-path: "/styles/fonts/BebasNeue";
@userBannerCustom-width: 120px;
.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: normal;
  src: url('@{bebas-neue-font-path}/BebasNeueRegular.woff2') format('woff2'),
       url('@{bebas-neue-font-path}/BebasNeueRegular.woff') format('woff');
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: bold;
    src: url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff2') format('woff2'),
         url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff') format('woff');
}

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'Bebas Neue';
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: 650px) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()   
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

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

Фонты все добавил что было в архиве
Нажмите для раскрытия...
К стати это где взял, так то это полностью мой код :) только там не хватает свойств для страницы профиля :)
 
Позитивный голос 0 Негативный голос
Skaiman написал(а):
В любой, главное понимать что делаешь :)


К стати это где взял, так то это полностью мой код :) только там не хватает свойств для страницы профиля :)
Нажмите для раскрытия...
Это твой код как бы)) XF 2.1 - Баннеры групп

Less: 
@bebas-neue-font-path: "/styles/fonts/BebasNeue";
@userBannerCustom-width: 120px;
.userBannerCustom-inline-block() {
    text-align: center!important;
    width: @userBannerCustom-width;
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: normal;
  src: url('@{bebas-neue-font-path}/BebasNeueRegular.woff2') format('woff2'),
       url('@{bebas-neue-font-path}/BebasNeueRegular.woff') format('woff');
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: bold;
    src: url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff2') format('woff2'),
         url('@{bebas-neue-font-path}/fonts/BebasNeueBold.woff') format('woff');
}

.userBannerCustom(@group-name, @color, @colorbr: transparent,) {
    .userBannerCustom {
        display: block;
        font-family: 'Bebas Neue';
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
        margin: 4px 0;
        border-width: 2px 0;
        border-style: solid;
        border-color: @colorbr;
        @media (max-width: 650px) {
            .userBannerCustom-inline-block()
        }
        .memberTooltip-banners & {
            .userBannerCustom-inline-block()   
        }
        &.@{group-name} {
            color: @color;
            border-color: @colorbr;
        }
    }
}

.userBannerCustom(admin, #d80000, #d80000);
Тут конце вроде надо добавить это, не?
Less: 
[data-template="member_view"] .memberHeader-banners @{userBannerCustom},
.tooltip--member .tooltip-content @{userBannerCustom} {
    width: 120px!important;
}
 
Позитивный голос 0 Негативный голос
Ruben написал(а):
Это нормально?))
Нажмите для раскрытия...
Там шрифты. Я думаю у вас они уже скачаны. А по поводу помощи, вы могли бы кроме кода показать, что вы делаете и конкретно указывать, что и где не работает
 
  • Мне нравится
Реакции: Hope
Позитивный голос 0 Негативный голос
Matew написал(а):
Там шрифты. Я думаю у вас они уже скачаны. А по поводу помощи, вы могли бы кроме кода показать, что вы делаете и конкретно указывать, что и где не работает
Нажмите для раскрытия...
А как мне их скачать если у вас запреты такие?))
 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

K
  • Решено
XF 2.2 префикс роли слишком большой и залезает на текст
Ответы
6
Просмотры
90
Kralty
K
Masao
  • Закрыта
  • Решено
XF 2.1 Префиксы тем // Не работае код.
Ответы
3
Просмотры
226
Matew
Matew
ФАКЕР
  • Вопрос
Криво отображается html блок
Ответы
2
Просмотры
222
ФАКЕР
ФАКЕР
KRAVCHUK
  • Закрыта
  • Решено
XF 2.2 Баннер с логотипом
Ответы
1
Просмотры
896
IlyaPep
IlyaPep
Wayne_Deep
  • Решено
XF 2.1 Криво встает Анимированный Баннер
Ответы
19
Просмотры
988
Farrery_Inkognito
Farrery_Inkognito
Назад
Сверху Снизу