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

Префиксы без фона с иконками

Обзор FAQ Обновления (1) Обсуждение
у меня нет установленной версии движка 2.0, не могу глянуть, обновите движок и получите больше возможностей
 
Подскажите пожалуйста, может я не там ищу?
 

Вложения

  • firefox_qOhXTKWdLq.png
    firefox_qOhXTKWdLq.png
    12.9 KB · Просмотры: 40
makenzi написал(а):
Подскажите пожалуйста, может я не там ищу?
Нажмите для раскрытия...
надо не искать, а добавлять
Tokyo написал(а):
Внешний вид -> Шаблоны, а не модификации шаблонов.
Нажмите для раскрытия...
в описании сказано о создании модификации extra.less, а не о правке шаблона
makenzi, ты не можешь видеть полное описание ресурса, я не знаю где ты взял код и совершенно не гарантирую его правильность, поэтому и не могу помогать не известно в чем.
 
1. Всё отлично работает, добавляю свой префикс, но иконка не подгружается

Пробовал так:

Less: 
    &.label--myprefix {
        .m-labelVariation(#32CD32, transparent, transparent);
        .labelTextShadow();
        .m-faBefore(@fa-var-person-military-rifle);
    }

И так пробовал:

Less: 
    &.label--myprefix {
        .m-labelVariation(#32CD32, transparent, transparent);
        .labelTextShadow();
        &:before {
            .m-faBase();
            .m-faContent(@fa-var-person-military-rifle);
        }
    }

Код в модификациях шаблонах extra.less

2. Второй код работает у меня исправно. Но возник вопрос:
Если код префикса добавить в extra.less, а не через модификацию шаблонов, то иконка не отображается.
В этом случае префикс с: .m-faBase('Brands');
 
Ты используешь иконку из версии шрифта, который еще не используется в xenforo
 
Skaiman, а это никак обыграть нельзя?
 
Skaiman, касаемо второго вопроса, что скажешь? Почему именно через модификацию шаблона отображается корректно иконка, а в extra.less нет?
 
Tommi написал(а):
касаемо второго вопроса, что скажешь? Почему именно через модификацию шаблона отображается корректно иконка, а в extra.less нет?
Нажмите для раскрытия...
В смысле не отображается в настройках префикса? Просто модификация применяется для всех шаблонов стилей, в том числе и для стиля в админке, а если добавлять в extra.less стиля, то только для этого стиля.
 
Skaiman, вот так отображается префикс:
Снимок2.PNG
Если данный код:
Less: 
    &.label--battlenet1 {
        .m-labelVariation(rgb(65,105,225), transparent, transparent);
        .labelTextShadow(0 0 10px, rgb(65,105,225));
        &:before {
            .m-faBase('Brands');
            .m-faContent(@fa-var-battle-net);       
        }
    }
добавить в extra.less.

Если через модификацию шаблона, то всё четко, иконка отображается.
Снимок3.PNG
 
Tommi, ну ты наверное код который я дал, сделал через модификацию и основные свойства там же, а конкретный префикс делаешь в extra.less определенного стиля.
 
Скиньте пожалуйста add-on файлом
 
plyxi77, внимательно прочитал описание? Тут нет плагина
 
- Слив плагина - Пак Плагинов - Слив Исходников - ⚔ mPvP - Плагин с HoweLand на пвп таймер. _...png
Почему они такие большие ? А на странице ресурсов маленькие

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 450;
margin: 3px;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin: auto 2px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}

.svgLabelPrefix(premium, rgb(44, 153, 11));
.svgLabelPrefix(samopis, rgb(168,162,50));
.svgLabelPrefix(netherit, rgb(26, 8, 105));
.svgLabelPrefix(karta, rgb(13, 163, 5));
.svgLabelPrefix(site, rgb(222, 165, 9));
.svgLabelPrefix(config, rgb(6, 94, 1));
.svgLabelPrefix(tutorial, rgb(152, 10, 171));
.svgLabelPrefix(netherit, rgb(26, 8, 105));
.svgLabelPrefix(donate, rgb(64, 30, 20));
.svgLabelPrefix(plugin, rgb(187, 222, 16));
.svgLabelPrefix(pakplugins, rgb(198, 207, 155));
.svgLabelPrefix(sliv, rgb(137, 138, 131));
 
Doobik написал(а):
Посмотреть вложение 140809
Почему они такие большие ? А на странице ресурсов маленькие

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 450;
margin: 3px;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin: auto 2px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}

.svgLabelPrefix(premium, rgb(44, 153, 11));
.svgLabelPrefix(samopis, rgb(168,162,50));
.svgLabelPrefix(netherit, rgb(26, 8, 105));
.svgLabelPrefix(karta, rgb(13, 163, 5));
.svgLabelPrefix(site, rgb(222, 165, 9));
.svgLabelPrefix(config, rgb(6, 94, 1));
.svgLabelPrefix(tutorial, rgb(152, 10, 171));
.svgLabelPrefix(netherit, rgb(26, 8, 105));
.svgLabelPrefix(donate, rgb(64, 30, 20));
.svgLabelPrefix(plugin, rgb(187, 222, 16));
.svgLabelPrefix(pakplugins, rgb(198, 207, 155));
.svgLabelPrefix(sliv, rgb(137, 138, 131));
Нажмите для раскрытия...
Почему бы не спросить там, где вы этот код взяли? Здесь в ресурсе на скринах вообще другие префиксы и, тем более, другой код
 
А как можно добавить еще префиксов сюда?
1670862445649.png
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

Skaiman
Префиксы тем с иконками
2 3 4 5 6
Ответы
116
Просмотры
10K
Benjamin Willson
B
Назад
Сверху Снизу