1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.4.x Помогите с аватарами :)

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Reedov, 26 мар 2015.

Загрузка
  1. Reedov

    Reedov Новичок

    Регистрация:
    08.01.15
    Сообщения:
    2
    Симпатии:
    0
    Версия XF:
    1.4.2
    Добрый день, проблема такая увеличил размер аватара с 96 до 150, при этом пришлось менять и размер message_user_infо.

    Теперь в темах при добавление поста все криво, т.к там около редактора отображается аватар, и он так же зависит от размера message_user_info и из за того что сменился размер там все криво, скажите пожалуйста какой шаблон/стиль отвечает за редактор который в низу темы для ответа в ней, заранее большое спасибо.
     
  2. UFO

    UFO Активный пользователь

    Регистрация:
    11.11.13
    Сообщения:
    22
    Симпатии:
    4
    Версия XF:
    1.4.5

    Автор: undll

    Автор реализовал очень хорошую и нужную вещь для вывода аватаров + расширил блок информации о пользователе.
    При этом небыли затронуты файлы форума, а изменил шаблоны + добавив новый класс в css. Пример вы можете видеть на нашем форуме.
    И так:
    1.1 Меняем ширину самой колонки, идем: "Настройки стиля" - "Макет сообщений" - "Контейнер информации о пользователе" в разделе прочее, меняем значение ширины на 160px
    [​IMG]
    1.2 Делаем отступ у контейнера самого сообщения, в тех же настройках "Макет сообщений" выбираем вкладку "Контейнер содержимого" в "Внутренний отступ" слева ставим значение 36px
    [​IMG]
    1.3 Убираем отступ у аватарки в блоке информации пользователя, в тех же настройках "Макет сообщений" выбираем вкладку "Аватар" и удаляем значения в "Внутренний отступ" везде 10px, а текстовом поле css дописываем
    Код:
    text-align: center;
    [​IMG]
    2. Меняем размер блока аватарки:
    2.1 Идем в шаблон "message_user_info.css" и в конце добавляем:

    Код:
    /* avatar section */
    .Ava150 img
    {
    padding: 1px;
    border: 1px none black;
    border-radius: 2px;
    box-shadow: 1px 1px 5px rgba(0,0,0, 1);
    width: 150px;
    height: auto;
    }
    2.2 Идем в "message_user_info" и меняем:

    Код:
    <xen:avatar user="$user" size="m" />
    на:
    Код:
    <xen:avatar user="$user" size="l" img="true" class="Ava150"/>
    Скорей всего не были проделаны шаги 1-1.3
     

Поделиться этой страницей