Решено Как поменять стиль профиля

Monya_Spotya · Вторник в 22:41

Как поменять стиль профиля с такого:

на такое:

Drake_Fernando · Вторник в 23:29

Monya_Spotya написал(а):
Как поменять стиль профиля с такого: Посмотреть вложение 9793
на такое:
Посмотреть вложение 9794

OFFTOP

Ухх, ты где такой баннер нашел, + у матрёшки вроде не установлено просмотры профиля

Monya_Spotya · Вторник в 23:43

Drake_Fernando написал(а):
OFFTOP
Ухх, ты где такой баннер нашел, + у матрёшки вроде не установлено просмотры профиля

OFFTOP

Это старенькая матрешка) вроде года 2023, потом просмотры убрали, а мне нравится старый её стиль (типа по середине аватарка)

KeoFox · Вторник в 23:46

Monya_Spotya написал(а):
Как поменять стиль профиля с такого: Посмотреть вложение 9793
на такое:
Посмотреть вложение 9794

можешь скинуть форум в лс, может соображу что не будь

Drake_Fernando · Среда в 00:46

Monya_Spotya написал(а):
OFFTOP
Это старенькая матрешка) вроде года 2023, потом просмотры убрали, а мне нравится старый её стиль (типа по середине аватарка)

В шаблонах стиля мб посмотри там, что - то связанное с расположением авы

Drake_Fernando · Среда в 00:48

Drake_Fernando написал(а):
В шаблонах стиля мб посмотри там, что - то связанное с расположением авы

попробуй в

message_user_info
вокруг кода

Код:

        <div class="avatarHolder">
            <span class="helper"></span>
            <a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}"> <img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" /> </a>
            <!-- slot: message_user_info_avatar -->
        </div>

добавить теги <center></center>

KeoFox · Среда в 00:57

Drake_Fernando написал(а):
message_user_info
вокруг кода

Код:

<div class="avatarHolder"> <span class="helper"></span> <a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}"> <img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" /> </a>  </div>

добавить теги <center></center>

Что за бред?
Это всё даже не относится к версии движка 2.х, шаблона message_user_info точно нету, судя по коду это версия 1.5 ибо там используется синтаксис {xen:...}, а у 2.х уже <xf..>

Drake_Fernando написал(а):
добавить теги <center></center>

А эт что за особый вид мазохизма? Куда их добавлять? Зачем их добавлять?

То что он хочет делается через банальную CSS адаптацию на мобильные устройства в extra.less и выше указаный код кроме как миллиарда ошибок в синтаксисе и поломаных шаблонах ничего не даст.

Такое чувство как будто ответ сгенерирован какой то туповатой версией чата gtp который вообще не понимает о чём пишет.

Drake_Fernando · Среда в 00:59

KeoFox написал(а):
Что за бред?
Это всё даже не относится к версии движка 2.х, шаблона message_user_info точно нету, судя по коду это версия 1.5 ибо там используется синтаксис {xen:...}, а у 2.х уже <xf..>

А эт что за особый вид мазохизма? Куда их добавлять? Зачем их добавлять?

То что он хочет делается через банальную CSS адаптацию на мобильные устройства в extra.less и выше указаный код кроме как миллиарда ошибок в синтаксисе и поломаных шаблонах ничего не даст.

Такое чувство как будто ответ сгенерирован какой то туповатой версией чата gtp который вообще не понимает о чём пишет.

Окей, сейчас попробую поработать мозгами

Drake_Fernando · Среда в 01:00

KeoFox написал(а):
Что за бред?
Это всё даже не относится к версии движка 2.х, шаблона message_user_info точно нету, судя по коду это версия 1.5 ибо там используется синтаксис {xen:...}, а у 2.х уже <xf..>

А эт что за особый вид мазохизма? Куда их добавлять? Зачем их добавлять?

То что он хочет делается через банальную CSS адаптацию на мобильные устройства в extra.less и выше указаный код кроме как миллиарда ошибок в синтаксисе и поломаных шаблонах ничего не даст.

Такое чувство как будто ответ сгенерирован какой то туповатой версией чата gtp который вообще не понимает о чём пишет.

Слушай, нейронка, сейчас вообще бы ответила на python

KeoFox · Среда в 01:08

Drake_Fernando написал(а):
Слушай, нейронка, сейчас вообще бы ответила на python

Нейронка отвечает примерно так же как и ей сформулировать вопрос.
А судя по ответу понимания что и куда делать явно нету, да и по одному скрину угадать с первого раза свойства которые нужно запихнуть в CSS не так то и легко чисто если мозгами подумать, это всё равно что от полутра килограм мяса отрезать ровно 300 грам.
Шансы есть но мясник должен быть опытный и знать чётко как и где резать.

Drake_Fernando · Среда в 01:11

Как я понял, тебе надо зацентрировать аватар. Ну давай я попробую выразить это в XF 2.x.

css::

/* extra.less или твой кастомный CSS файл */

@media (max-width: @xf-responsiveMedium) { /* Адаптация для мобильных устройств */
  .message-user { /*  Контейнер информации о пользователе */
    text-align: center; /* Центрируем содержимое контейнера по горизонтали */
  }

  .message-avatar { /* Контейнер аватара */
    display: inline-block; /* Чтобы avatarHolder  занимал ровно столько места, сколько нужно для его содержимого, а не растягивался на всю ширину контейнера .message-user */
    margin: 0 auto; /* Автоматические отступы слева и справа, что центрирует элемент блочного уровня */
  }

  .message-avatar .avatarHolder { /* Контейнер изображения аватара */
    /* Дополнительные стили при необходимости */
  }

  .message-avatar img { /* Изображение аватара */
    /* Дополнительные стили при необходимости */
    display: block; /* Убирает лишний отступ снизу, который может возникнуть из-за inline отображения изображения. */
  }
}

.message-user { text-align: center; }:
Эта хератень должна отвечать за центрирование аватара. Выразил я как выразил, или банально я не могу это сделать. Я все проверил, вроде как это должно было так сделано

Ну адаптацию для mobile я сделал. Уже вроде не ошибся. Сейчас проверю на моем форуме. Ну в принципе у меня там и так аватар в центре

Проверил. Все должно работать

KeoFox · Среда в 01:14

Drake_Fernando написал(а):
Ну адаптацию для mobile я сделал

OFFTOP

Когда нейронки устроят апокалипсис по сюжету из фильмов "Терминатор", такие будут истребляться в первую очередь.

Drake_Fernando · Среда в 01:16

KeoFox написал(а):
OFFTOP

Когда нейронки устроят апокалипсис по сюжету из фильмов "Терминатор", такие будут истребляться в первую очередь.

Вот скажи мне, у тебя все с головой хорошо?

Drake_Fernando · Среда в 01:17

Drake_Fernando написал(а):
Вот скажи мне, у тебя все с головой хорошо?

Ты тут Наименование "ИИ" нашел где - то?

Drake_Fernando · Среда в 01:24

Дядя, я понял как это делать, но ты мне вест форум уже поломал

Drake_Fernando · Среда в 01:26

Monya_Spotya написал(а):
OFFTOP
Это старенькая матрешка) вроде года 2023, потом просмотры убрали, а мне нравится старый её стиль (типа по середине аватарка)

Вот это впиши:

center;
align-items: center;
border-radius: @xf-avatarBorderRadius;
vertical-align: top;
overflow: hidden

pikamonov · Среда в 01:27

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

Как я понял, тебе надо зацентрировать аватар. Ну давай я попробую выразить это в XF 2.x.

css::

/* extra.less или твой кастомный CSS файл */

@media (max-width: @xf-responsiveMedium) { /* Адаптация для мобильных устройств */
  .message-user { /*  Контейнер информации о пользователе */
    text-align: center; /* Центрируем содержимое контейнера по горизонтали */
  }

  .message-avatar { /* Контейнер аватара */
    display: inline-block; /* Чтобы avatarHolder  занимал ровно столько места, сколько нужно для его содержимого, а не растягивался на всю ширину контейнера .message-user */
    margin: 0 auto; /* Автоматические отступы слева и справа, что центрирует элемент блочного уровня */
  }

  .message-avatar .avatarHolder { /* Контейнер изображения аватара */
    /* Дополнительные стили при необходимости */
  }

  .message-avatar img { /* Изображение аватара */
    /* Дополнительные стили при необходимости */
    display: block; /* Убирает лишний отступ снизу, который может возникнуть из-за inline отображения изображения. */
  }
}

Ну адаптацию для mobile я сделал. Уже вроде не ошибся. Сейчас проверю на моем форуме. Ну в принципе у меня там и так аватар в центре

Проверил. Все должно работать

OFFTOP

Я понял смысл предложения по улучшению от @viovit karakas: клик. Давайте все дружно, "апнем" данное предложение...

pikamonov · Среда в 01:28

Drake_Fernando написал(а):
Ты тут Наименование "ИИ" нашел где - то?

OFFTOP

Комментарии в коде CSS. Особенно: extra.less или твой кастомный css файл... В Xenforo, с первой ветки, нельзя делать свои шаблоны. Если не ошибаюсь ,конечно...

KeoFox · Среда в 01:28

Drake_Fernando написал(а):
Вот скажи мне, у тебя все с головой хорошо?

Ну да. Я в состоянии говорить о тех вещать спокойно без помощи нейросетей, а в то чего не понимаю или не уверен не лезу, даже вооружившись всеми возможными нейронками.
А вот на счёт наименования, далеко в лес ходить не надо.

Во-первых ресурсы для проверки текста на факт того кем он писался давно есть.
Во-вторых, любой кто хоть раз пользовался ИИ поймёт что весь код и то что идёт выше исключительно ИИ без каких либо даже изменений.

.message-user { text-align: center; }:
Эта хератень должна отвечать за центрирование аватара

Разве что это и всё что после этого уже свои слова которые написаны не через чат gpt.
Обычно он знает как называть вещи о которых пишет, что демонстрирует в самом коде где каждая строчка грамотно описывается, но за пределами кода свойства мы уже будем называть "хератенью" потому что не знаем что это вообще такое.

Пользоваться ИИ никто не запрещает, но выдавать результаты сгенерированы ИИ за свои это какой то бред.

OFFTOP

Кстати ИИ не учитывает специфику конкретного стиля, чаще всего они конечно делаются по одному шаблону но если вдруг что то стаёт криво, интересно как исправлять тогда это через нейронку если собственного понимания нету.

Drake_Fernando написал(а):
Вот это впиши:

center;
align-items: center;
border-radius: @xf-avatarBorderRadius;
vertical-align: top;
overflow: hidden

Ну эт похвально, сразу видно собственный совет. Который принесёт пол миллиона ошибок в шаблоне + диванный разработчик не вкурсе потому что ИИ не сказала что не нужно лезть в корневые шаблоны стиля.
Для всех CSS редактирований есть extra.less, иначе сломаете что то, а потом 100500 тем "у меня сломался стиль как исправить"

Drake_Fernando · Среда в 01:30

KeoFox написал(а):
Ну да. Я в состоянии говорить о тех вещать спокойно без помощи нейросетей, а в то чего не понимаю или не уверен не лезу, даже вооружившись всеми возможными нейронками.
А вот на счёт наименования, далеко в лес ходить не надо.

Во-первых ресурсы для проверки текста на факт того кем он писался давно есть.
Во-вторых, любой кто хоть раз пользовался ИИ поймёт что весь код и то что идёт выше исключительно ИИ без каких либо даже изменений.

Разве что это и всё что после этого уже свои слова которые написаны не через чат gpt.
Обычно он знает как называть вещи о которых пишет, что демонстрирует в самом коде где каждая строчка грамотно описывается, но за пределами кода свойства мы уже будем называть "хератенью" потому что не знаем что это вообще такое.

Пользоваться ИИ никто не запрещает, но выдавать результаты сгенерированы ИИ за свои это какой то бред.

OFFTOP
Кстати ИИ не учитывает специфику конкретного стиля, чаще всего они конечно делаются по одному шаблону но если вдруг что то стаёт криво, интересно как исправлять тогда это через нейронку если собственного понимания нету.

Ну эт похвально, сразу видно собственный совет. Который принесёт пол миллиона ошибок в шаблоне + диванный разработчик не вкурсе потому что ИИ не сказала что не нужно лезть в корневые шаблоны стиля.
Для всех CSS редактирований есть extra.less, иначе сломаете что то, а потом 100500 тем "у меня сломался стиль как исправить"

Резерв сделаю, и без проблем

LIVE SAMP

Решено Как поменять стиль профиля

Добро пожаловать!

Monya_Spotya

Monya_Spotya

Drake_Fernando

Monya_Spotya

KeoFox

Drake_Fernando

Drake_Fernando

KeoFox

Drake_Fernando

Drake_Fernando

KeoFox

Drake_Fernando

Вложения

KeoFox

Drake_Fernando

Drake_Fernando

Drake_Fernando

Drake_Fernando

Вложения

pikamonov

Дальше — Больше

pikamonov

Дальше — Больше

KeoFox

Drake_Fernando