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

Широкий блок информации о пользователе (+аватарка)

Тема в разделе "Модификации шаблонов", создана пользователем undll, 8 апр 2013.

Загрузка
  1. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    35
    Версия XF:
    1.1.5
    В общем, в прошлом году задавался вопросом - изменить ширину блок информации о пользователе и аватарке, в итоге реализовал это НО изменив файлы самого форума - а это не есть хорошо! НО сейчас, вновь задавшись вопросом о изменении блока информации и аватарки в нем - реализовал, не тронув файлы форума, а изменил шаблоны + добавив новый класс в css.

    1.png

    Инструкция:

    1.1 Меняем ширину самой колонки, идем: "Настройки стиля" - "Макет сообщений" - "Контейнер информации о пользователе" в разделе прочее, меняем значение ширины на 160px

    1.png

    1.2 Делаем отступ у контейнера самого сообщения, в тех же настройках "Макет сообщений" выбираем вкладку "Контейнер содержимого" в "Внешний отступ" слева ставим значение 36px

    2.png

    1.3 Убираем отступ у аватарки в блоке информации пользователя, в тех же настройках "Макет сообщений" выбираем вкладку "Аватар" и удаляем значения в "Внутренний отступ" везде 10px, а текстовом поле css дописываем
    Код:
    text-align: center;
    3.png

    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, 0.5);
      width: 150px;
      height: 150px;
    }
    
    2.2 Идем в "message_user_info" и меняем:
    Код:
    <xen:avatar user="$user" size="m" />
    на
    Код:
    <xen:avatar user="$user" size="l" img="true" class="Ava150"/>
    В итоге получаем из этого:

    5.png

    Вот это:

    6.png
     
    nefrit, akvas, DagTime и 11 другим нравится это.
  2. Betelgelze

    Betelgelze Местный

    Регистрация:
    30.12.11
    Сообщения:
    355
    Симпатии:
    101
    Версия XF:
    1.1.5
    В блоке сообщения в правом верхнем углу есть ссылки управления. После вышеперечисленных действий они сдвинулись в право и частично вылезли за шаблон. Как ссылки управления обратно сдвинуть влево?
     
    undll нравится это.
  3. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    35
    Версия XF:
    1.1.5
    косяки шаблона, у меня такого не было...
    кинь ссылку на сайт, скорее всего отступ надо изменить в css
     
  4. iishel

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

    Регистрация:
    29.11.12
    Сообщения:
    61
    Симпатии:
    4
    Версия XF:
    1.1.3
    всё сделал как написано но не могу вот это поправить
    2013-05-08_151624.png
    всё перерыл не знаю где этот блок уменьшить
     
  5. Витяй

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

    Регистрация:
    11.01.13
    Сообщения:
    9
    Симпатии:
    1
    Версия XF:
    1.1.3
    Если в message_user_info, нет:
    <xen:avatar user="$user" size="m" />
    То, что делать?
     
  6. RUBIK

    RUBIK Read only

    Регистрация:
    27.04.13
    Сообщения:
    23
    Симпатии:
    0
    Версия XF:
    1.1.4
    Вот у меня тоже такие проблемы:
     
  7. TITAN

    TITAN Пользователь

    Регистрация:
    07.07.13
    Сообщения:
    2
    Симпатии:
    0
    Версия XF:
    1.1.5
    У кого нет строки в "message_user_info" <xen:avatar user="$user" size="m" />
    ищем:
    Код:
    <img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
    И подгоняем значения height="96px" width="96px" под свои, чтобы отображалось корректно.
     
  8. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Сделал по инструкции. Возник вопрос.

    Если на аву ставить реальные фоты, то они искажаются с расширением. Как это поправить?
    13-10-2013 11-06-12.jpg 13-10-2013 11-18-39.jpg
    --- добавлено : Oct 13, 2013 7:43 AM ---
    Короче, нужно что то придумать с этим кодом
    Код:
    /* avatar section */
    .Ava150 img
    {
      padding: 1px;
      border: 1px none black;
      border-radius: 2px;
      box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
      width: 150px;
      height: 150px;
    }
    Конкретно с
    width: 150px;
    height: 150px;
     
    Последнее редактирование модератором: 21 окт 2013
  9. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Решение найдено :)!!!

    Код:
    /* 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;
    }
     
    Zlata Jesen, Гептилл, ftl2d и 3 другим нравится это.
  10. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Уточните про пункт 1.2 инструкции, там пишите о значении во Внешнем отступе, а ниже в примере указан внутренний отступ, так где нужно отступ делать? Если во Внутреннем отступе, то нужно ли оставлять Внешний отступ, у меня проблемы с отступом блока с аватаром и блоком сообщения происходят, прилипают друг к другу почему то.
     
  11. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Ну там же всё уже по ходу регулируется. Главное аватары сделать как в теме предлагается.
     
  12. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Ну я же говорю у меня почему то блок информации слипается с блоком сообщения, если делаю по инструкции, значит что-то с отступами не так.
    --- добавлено : 15 окт 2013 в 21:46 ---
    А скажите где подправить (в каком файле) чтобы строка регистрация под аватаром имела вид как здесь например 27.11.2010, а то у меня так 27 нояб 2010
     
    Последнее редактирование модератором: 23 окт 2013
  13. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
  14. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Спасибо большое.
     
  15. Ku4a

    Ku4a Местный

    Регистрация:
    13.03.13
    Сообщения:
    77
    Симпатии:
    5
    Версия XF:
    1.4.5
    у меня что-то не получается может я не так код вписал
    [​IMG]
     
  16. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Там же написано: Идем в шаблон "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;
    }
    А НЕ всё стираем и этот код добавляем.
     
  17. Ku4a

    Ku4a Местный

    Регистрация:
    13.03.13
    Сообщения:
    77
    Симпатии:
    5
    Версия XF:
    1.4.5
    я так делал мне пишет что в строке 116 не верно что-то и не сохраняет.можете прислать весь код а то я стер а теперь не знаю как вернуть)
     
  18. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Жмите ВЕРНУТЬ ШАБЛОН
     
  19. fly_indiz

    fly_indiz Местный

    Регистрация:
    20.08.11
    Сообщения:
    460
    Симпатии:
    352
    Версия XF:
    1.4.3
    [​IMG]
     
    Raynar и adder нравится это.
  20. Ku4a

    Ku4a Местный

    Регистрация:
    13.03.13
    Сообщения:
    77
    Симпатии:
    5
    Версия XF:
    1.4.5

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