1.1.4 Как расширить окно с информацией о пользователе?

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

 

http://www.xf-russia.ru/forum/threa...таром-в-одну-строчку-для-каждого-пункта.1189/

 

Разобрался, спасибо

 

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

 

Поставьте аддон - Minimalism UI

 

Помогите, как в настройках стиля расширить блок с аватаркой, так чтобы строки данных о пользователе не съезжали на 2-е строчки и соответственно сузить блок самого сообщения.

Раньше делал так, но после обновления забыл напрочь..)

 

Можно попробовать добавить в EXTRA.css данный код:

Код:

.messageUserInfo {
width: 140px !important;
}

 

В принципе такое можно сделать через настройки стиля (увеличить блок с аватаркой), при этом следует уменьшить и блок самого сообщения.
Другое дело, что в блоке с аватаркой есть записи: Регистрация, Сообщения, Симпатии и тд. которые порой не влазят в одну строчку, при увеличении самого блока, записи, всё равно остаются в 2-е строчки..

 

А я сделал 9px, в результате все влазит.

Код:

.messageUserBlock .extraUserInfo dt {
  display: inline-block !important;
  text-align: left;
  font-size: 9px;
}
.messageUserBlock .extraUserInfo dd {
  display: inline-block !important;
  text-align: right;
  font-size: 9px;
}

 

В message_user_info найти:

Код:

<xen:avatar user="$user" size="m" />

Заменить на:

Код:

<xen:avatar user="$user" size="l" img="true" />

В EXTRA.css добавить:

Код:

.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 142px;
    height: auto;
}

.messageUserInfo
{
    width: 147px !important;
}

.message .messageInfo,
#QuickReply
{
    margin-left: 186px !important;
}

 

И как сие будет выглядеть?

 

Примерно так..


Раньше, я смог сделать подобное не ме

 

Плохо выглядит у тебя.

 

Поколдовал ещё немного с вашими данными и всё вышло, спасибо!

 

Теперь адаптивный дизайн на телефоне расползся..

 

Да, на телефоне редактор и информация пользователя бывают маленькими.

 

Не в этом дело, при использовании узкого экрана, сообщение всегда становилось под аватаром.
Теперь же оно под аватаром и смещено вправо на значение (margin-left).
При более широком экране, когда сообщение находиться справа от аватара, всё отображается нормально.

 

Значит проблема в стиле.
И если есть желание то можно здесь почитать:

Код:

http://xenforo.com/community/resources/avatars-big-tall.1741/

 

Не могу там почитать..You do not have permission to view the full content of this resource.
--- добавлено : Sep 22, 2013 6:37 PM ---
Ну я так понял, что это для 1.2.1 не подходит.

Хочется так..

 

Подходит, только с этим проблемами:

И это тоже, как я понял, можно решить с теми правками которые находятся по той ссылке но, я не стал этого делать.