XF 2.2 Иконка перед ником

KayUser · 9 Янв 2021

Доброго времени суток. Интересует вопрос, что я сделал возможно не так. Требуется то, чтобы перед ником была иконка короны ( f521 | crown ). Выдается от группы. Пример ниже. Также вот наш extra.less:

Код:

//banners
.userBanner.my-style
{
color: black;
background-color: #87CEEB;
}

.userBanner.sozd
{
color: black;
background-color: #1899FF;
}

.userBanner.forum
{
color: black;
background-color: #FFD700;
background-shadow: white 0px 0px 8px;
}

/* === SCROLLBAR === */

@scrollbarBG: @xf-chromeTextColor; // Фон скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl) или transparent - прозрачный.
@thumbBG: @xf-chromeBg; // Цвет скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl).
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара. Использованна переменная xenforo, можно заменить на свой размер в px, но для браузеров Mozilla ширина не изменится.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара. Использованна переменная xenforo, можно заменить на свой размер в px.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: #131526;
    border-radius: @thumbBR;
}

.username-style-id(95; @f521) {
    .username {
        &--style95 {
            &:before {
                content: "\f521";
            }
        }
    }
}
.username {
    & :before {
        .m-faBase(); padding-right: 4px;
    }
}

.username--style36-.username--moderator::before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f521';
color: inherit;
padding-right: 4px;
display: inline-block;
color: #ffd700;
text-shadow: 0px 0px 20px #ffd700;
}
.crown {
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
[CENTER]padding-right: 4px;[/CENTER]
display: inline-block;
color: #ffd700;
text-shadow: 0px 0px 20px #ffd700;
}

Может кто поможет с кодом?)

KayUser · 9 Янв 2021

Skaiman написал(а):
Зачем это тебе? :) Лан я на пальцах не буду объяснять, или даешь ссылку на сайт, посмотреть что там у тебя или разбирайся сам

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

Skaiman · 9 Янв 2021

Для какого ника делал?

KayUser · 9 Янв 2021

Skaiman написал(а):
Для какого ника делал?

Делал для группы премиумов, пока убрал. Вернуть?

Skaiman · 9 Янв 2021

KayUser написал(а):
Делал для группы премиумов

Код:

.usernameBeforeIcon (@userid, @faicon) {
    .username {
        &[data-user-id="@{userid}"] {
            span:before {
                .m-faBase();
                content: "\@{faicon}";
                margin-right: 5px;
            }
        }
    }
}

.usernameBeforeIcon (95, f521);

блин запутал

Код:

.groupBeforeIcon (@groupid, @faicon) {
    .username {
       .username--style@{groupid}:before {
            .m-faBase();
            content: "\@{faicon}";
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (95, f521);

KayUser · 9 Янв 2021

Skaiman написал(а):

Код:

.usernameBeforeIcon (@userid, @faicon) {
    .username {
        &[data-user-id="@{userid}"] {
            span:before {
                .m-faBase();
                content: "\@{faicon}";
                margin-right: 5px;
            }
        }
    }
}

.usernameBeforeIcon (95, f521);

Не-а, опять нет. Можете глянуть.

Skaiman написал(а):
блин запутал

Код:

.groupBeforeIcon (@groupid, @faicon) { .username { .username--style@{groupid}:before { .m-faBase(); content: "\@{faicon}"; margin-right: 5px; } } } .groupBeforeIcon (95, f521);

Тоже нет.

Код:

/* === SCROLLBAR === */

@scrollbarBG: @xf-chromeTextColor; // Фон скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl) или transparent - прозрачный.
@thumbBG: @xf-chromeBg; // Цвет скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl).
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара. Использованна переменная xenforo, можно заменить на свой размер в px, но для браузеров Mozilla ширина не изменится.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара. Использованна переменная xenforo, можно заменить на свой размер в px.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: #131526;
    border-radius: @thumbBR;
}

.username {
    &[data-user-id="14407"] {
        span:before {
            .m-faBase();
            .m-faContent(@fa-var-star);
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (@groupid, @faicon) {
    .username {
       .username--style@{groupid}:before {
            .m-faBase();
            content: "\@{faicon}";
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (95, f521);

Skaiman · 9 Янв 2021

KayUser, это код для пользователя, для группы другой

добавь приоритет для фа, там материал икон добавляется

Код:

.groupBeforeIcon (@groupid, @faicon) {
    .username {
       .username--style@{groupid}:before {
            .m-faBase() !important;
            content: "\@{faicon}";
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (95, f521);

KayUser · 9 Янв 2021

Skaiman написал(а):
добавь приоритет для фа, там материал икон добавляется

Код:

.groupBeforeIcon (@groupid, @faicon) { .username { .username--style@{groupid}:before { .m-faBase() !important; content: "\@{faicon}"; margin-right: 5px; } } } .groupBeforeIcon (95, f521);

Опять не то что-то :(

Код:

/* === SCROLLBAR === */

@scrollbarBG: @xf-chromeTextColor; // Фон скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl) или transparent - прозрачный.
@thumbBG: @xf-chromeBg; // Цвет скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl).
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара. Использованна переменная xenforo, можно заменить на свой размер в px, но для браузеров Mozilla ширина не изменится.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара. Использованна переменная xenforo, можно заменить на свой размер в px.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: #131526;
    border-radius: @thumbBR;
}

.username {
    &[data-user-id="14407"] {
        span:before {
            .m-faBase();
            .m-faContent(@fa-var-star);
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (@groupid, @faicon) {
    .username {
       .username--style@{groupid}:before {
            .m-faBase() !important;
            content: "\@{faicon}";
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (95, f521);

Skaiman · 9 Янв 2021

У тебя в исходном коде

Код:

.username .username--style95:before {
    display: inline-block !important;
    font: normal normal normal 18px/1 "Material Design Icons" !important;
    font-size: 110% !important;
    font-weight: normal !important;
    line-height: inherit !important;
    width: auto !important;
    content: "\f521";
    margin-right: 5px;
}

щас посмотрю

Где то наворотил с кодом, переменная .m-faBase(), заменяется на Material Design Icons

KayUser · 9 Янв 2021

Skaiman написал(а):
Где то наворотил с кодом, переменная .m-faBase(), заменяется на Material Design Icons

В extra.less?

Skaiman · 9 Янв 2021

ну так кто ж знает, я проверяю на аналогичном стиле

Проверил на стиле IO, нормально все, вот ты теперь покажи весь код из твоего extra.less

KayUser · 9 Янв 2021

Skaiman написал(а):
Проверил на стиле IO, нормально все, вот ты теперь покажи весь код из твоего extra.less

Код:

/* === SCROLLBAR === */

@scrollbarBG: @xf-chromeTextColor; // Фон скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl) или transparent - прозрачный.
@thumbBG: @xf-chromeBg; // Цвет скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl).
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара. Использованна переменная xenforo, можно заменить на свой размер в px, но для браузеров Mozilla ширина не изменится.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара. Использованна переменная xenforo, можно заменить на свой размер в px.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: #131526;
    border-radius: @thumbBR;
}

.username {
    &[data-user-id="14407"] {
        span:before {
            .m-faBase();
            .m-faContent(@fa-var-star);
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (@groupid, @faicon) {
    .username {
       .username--style@{groupid}:before {
            .m-faBase() !important;
            content: "\@{faicon}";
            margin-right: 5px;
        }
    }
}

.groupBeforeIcon (95, f521);

Skaiman · 9 Янв 2021

У тебя там иконка верифицированного пользователя, правки делал для иконки?

У тебя где то фа, полностью заменен на мди, это только по месту смотреть, лучше переустановить стиль, используешь дочерний?

KayUser · 9 Янв 2021

Стиль да, дочерний.

Skaiman · 9 Янв 2021

KayUser написал(а):
Стиль да, дочерний.

посмотри на родительском, блин так в час по чайной ложке тянуть

KayUser · 9 Янв 2021

Skaiman написал(а):
У тебя там иконка верифицированного пользователя, правки делал для иконки?

Вроде как да.

Skaiman написал(а):
посмотри на родительском, блин так в час по чайной ложке тянуть

Спасибо за уделенное тобой на меня время. Ты проделал огромный труд для меня)

Посмотреть мне что?

Skaiman · 9 Янв 2021

KayUser написал(а):
Вроде как да.

что делал, где, код какой менял, на что

KayUser, дай доступ в личку я посмотрю, так мы будем долго переписываться

KayUser · 9 Янв 2021

Skaiman написал(а):
KayUser, дай доступ в личку я посмотрю, так мы будем долго переписываться

Личку где? На форуме?

Skaiman · 9 Янв 2021

В личку напиши мне и там дай доступ, что бы я под твоим акком зашел и посмотрел, что там творится

KayUser · 9 Янв 2021

Галочки - mvb_overview.less.

Отпишите мне в

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

.

Код:

.verif-block
{
    padding: 15px;
    background: rgba(107, 183, 200, 0.23);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    position: relative;
}
.verif-block .check-block
{
    display: inline;
    font-size: 60px;
    color: #44a7c2;
}
.verif-two
{
    text-align: center;
}
.explain-block
{
    display: inline-block;
    width: 470px;
}
.verif .titleBar
{
    padding: 5px;
    background: rgba(137, 213, 239, 0.61);
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: 0;
}
.rules-icon-block {
    display: inline;
    font-size: 35px;
    color: #107f9e;
}
.verif-three {
    text-align: center;
}
.rules-block
{
    display: inline-block;
    width: 225px;
    font-weight: bold;
}

.rules-block
{
    padding: 15px;
    background: rgba(107, 183, 200, 0.23);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    position: relative;
    text-align: center;
}
.verif_rules .titleBar
{
    padding: 5px;
    background: rgba(137, 213, 239, 0.61);
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: 0;
}

Skaiman · 9 Янв 2021

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

я им не пользуюсь и смысл

XF 2.2 Иконка перед ником

KayUser

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

KayUser

Skaiman

Похожие темы

Мы ценим вашу конфиденциальность