Мини Карточка сверху профиля

[KnyazevGik]

Всем привет. Сегодня я покажу и расскажу как сделать вот такую карточку сверху профиля , у определённого пользователя!
Карточка:

Итак, для начала вам нужно зайти в шаблон member_view вашего стиля.
В начало шаблона вставьте этот код:

<xf:if is="$user.user_id == 1">
    <div style="font-family: Verdana; background: rgb(23,23,23); border: 1px solid #009bf5; border-radius: 8px; padding: 10px; margin: 5px 0;">
        <p style="margin: 0;"><i style="font-family: 'Font Awesome 5 Pro'; color: #009bf5;" class="fas fa-laptop"></i> Xenforo.info лучший форум об Xenforo, регайся быстрее)</p>
    </div>
</xf:if>

И у вас будет эта карточка:)
Код выше был под 2.2
Код на 2.3 будет ниже

<xf:if is="$xf.visitor.user_id == 1">
    <div style="font-family: Verdana; background: rgb(23,23,23); border: 1px solid #009bf5; border-radius: 8px; padding: 10px; margin: 5px 0;">
        <p style="margin: 0;"><xf:fa icon="fa-laptop" style="color: #009bf5;" /> Xenforo.info лучший форум об Xenforo, регайся быстрее) </p>
    </div>
</xf:if>

<xf:if is="$xf.visitor.user_id == 1"> Это то, на чей профиль будет идти данная карточка то есть цифра 1, это айди аккаунта пользователя
background: rgb(23,23,23); - фон карточки
border: 1px solid #009bf5; - цвет обводки карточки
<p style="margin: 0;"><i style="font-family: 'Font Awesome 5 Pro'; color: #009bf5;" class="fas fa-laptop"></i> - Fa иконка в карточке и ее цвет.

OFFTOP

Я не считаю этот мануал полезным, он был создан исключительно ради развлечения

 

[KnyazevGik]

OFFTOP

Не забудьте поменять id (1) на свой, чтобы потом не писали , что мануал не рабочий!
<xf:if is="$xf.visitor.user_id == 1">

 

[25517]

Я не считаю этот мануал полезным, он был создан исключительно ради развлечения

И лучше бы не создавался в таком виде.
Боже упаси увидеть это на чьём-то проде.

 

[bxarek]

И правда, кому нужна модификация шаблона, если можно просто в шаблон залезть :)

 

[Adguest]

Ничего не понятно вообще для чего это

 

[Efremov]

Ну не нужно- не юзайте. Кто заставляет? Человек выложил рес- молодец. Может кому-то и пригодится.
Вам не нужно, это не значит что никому не нужно.

 

[25517]

Efremov, этот человек, буквально вывалил огромную кучу [ДАННЫЕ УДАЛЕНЫ].
И вместо того, чтобы спросить/узнать, а почему кто-то так считает - ставит "попкорн".

То, что он тут вывалил своей ██████, - скорее вредно, чем полезно.
И подобное потакание только усугубляет ситуацию.

 

[KnyazevGik]

Efremov, этот человек, буквально вывалил огромную кучу [ДАННЫЕ УДАЛЕНЫ].
И вместо того, чтобы спросить/узнать, а почему кто-то так считает - ставит "попкорн".

То, что он тут вывалил своей ██████, - скорее вредно, чем полезно.
И подобное потакание только усугубляет ситуацию.

OFFTOP

Как мне ещё реагировать на это , я не хочу конфликтов и все. Вот и поставил попкорн

 

[msafd]

я не хочу конфликтов и все

OFFTOP

а о слове "игнорирование" слышал? или "бездействие"?

 

[KnyazevGik]

OFFTOP

а о слове "игнорирование" слышал? или "бездействие"?

OFFTOP

Ну, я и поставил попкорн, я не конфликтовал

 

[25517]

Как мне ещё реагировать на это

Переделать ? Задать вопрос ?

 

[KnyazevGik]

Переделать ? Задать вопрос ?

А зачем? Чтобы что? Он был сделан ради развлечения, если он ломает шаблон , вы скажите что именно, я попробую исправить, лично я вроде не видел того, что он что-то ломает

 

[25517]

Если вдруг кому-то это понадобиться, то вот нормальная реализация.
Работает как под 2.2, так и под 2.3

Создать модификацию шаблона - admin.php?template-modifications/add&type=public
Шаблон: member_view
Ключ модификации: любой
Найти: <div class="block">
Заменить:

<xf:if is="$xf.visitor.user_id == 1">
    <div class="mini-card">
        <p class="text">Xenforo.info лучший форум об Xenforo, регайся быстрее)</p>
    </div>
</xf:if>

$0

Потом добавить в extra.less:

.mini-card
{
    font-family: Verdana;
    background: rgb(23,23,23);
    border: 1px solid #009bf5;
    border-radius: 8px;
    padding: 10px;
    margin: 5px 0;

    .text
    {
        color: white;
        margin: 0;
        &:before
        {
            .m-faBase();
            .m-faContent(@fa-var-laptop);
            
            color: #009bf5;
            margin-right: 7px;
        }
    }
}

 

[25517]

А зачем? Чтобы что?

Во-первых:
Прямые правки шаблонов - зло.
Лучше использовать модификации шаблонов.
Исключение - это стиль, но автор стиля сам поддерживает эти правки.

Во-вторых:
Представим, что таких блоков будет сотня и нужно в каждом поменять шрифт.

Что будет проще сделать ?
Поменять всё в одной строке в extra.less ?
Или менять во всех блоках сразу, рискую пропустить что-то ?

В-третьих:
Я понимаю, что "ради развлечения".
Но некоторые всерьёз возьмут твою реализацию и потащат на прод.

По итогу, либо им самим придётся разбираться с этой лапшой, либо тем, кого они наймут.
А это удовольствие довольно-таки неприятное. Проще сразу сделать нормально.

 

[KnyazevGik]

Во-вторых:
Представим, что таких блоков будет сотня и нужно в каждом поменять шрифт.

Что будет проще сделать ?
Поменять всё в одной строке в extra.less ?
Или менять во всех блоках сразу, рискую пропустить что-то ?

А если человек например продает , он владелец САМП проекта, а цвет бордера он хочет поставить у определённого, а будут меняться у всех, что ему делать , он же бедняк...

 

[25517]

KnyazevGik, можно просто добавить класс.
Было <div class="mini-card">, стало <div class="mini-card vasya">.

А в extra.less просто использовать это.

.mini-card
{
    // Тут "общие" правила
    // Расписывал выше
   
    &.vasya
    {
        // Тут правила для vasya
        border-color: green;
       
        .text
        {
            // С текстом для vasya аналогично
            color: green;
            &:before
            {
                // И даже с иконкой
                color: green;
            }
        }
    }
}

Либо можно сделать даже ещё проще.
Было <div class="mini-card">, стало <div class="mini-card mini-card--{$user.user_id}">
И тогда уже можно сделать вместо &.vasya так &--1, где 1 - айдишник пользователя.

Спойлер

Ещё можно ещё прописать вместо &.vasya так &.mini-card--1.

Суть такова, что сначала прописываешь общие для всех блоков правила через класс mini-card.
А дополнительный класс &.vasya или mini-card--1 - уже для точечной кастомизации.