Решено Как добавить значки для префиксов?

[Diego01]

Как добавить значки для префиксов?
Как тут:

 

[Diego01]

Попробуйте, - @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));

Симптаия:)

не работает

 

[AroundMyMinds]

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

 

[ZloyDed]

Конкретно эти префиксы сделаны через этот плагин,

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

Но есть и другие, смотри в ресурсах Skaiman у него их полно

 

[Diego01]

Попробуйте, - @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));

Симптаия:)

работает, просто ступил)

Конкретно эти баннеры сделаны через этот плагин,

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

Но есть и другие, смотри в ресурсах Skaiman у него их полно

И тебе спасибо!

 

[ZloyDed]

Diego01, я отредактировал свой пост, и добавил нужный плагин, никто не сказал же что я на баннеры групп скинул вместо префиксов

 

[Diego01]

Diego01, я отредактировал свой пост, и добавил нужный плагин, никто не сказал же что я на баннеры групп скинул вместо префиксов

Мне и для баннера нужны были :)

 

[Виталий Васильевич]

Ban, когда будете писать код css используйте плизз данный bb-cod

 

[dimka1510]

Ban, а откуда код из ресурса, если нет группы? Не пешало бы хотя бы автора указать.