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

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



Инструкция:

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



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



1.3 Убираем отступ у аватарки в блоке информации пользователя, в тех же настройках "Макет сообщений" выбираем вкладку "Аватар" и удаляем значения в "Внутренний отступ" везде 10px, а текстовом поле css дописываем

Код:

text-align: center;

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" и меняем:

Код:

на

Код:

В итоге получаем из этого:



Вот это:

 

В блоке сообщения в правом верхнем углу есть ссылки управления. После вышеперечисленных действий они сдвинулись в право и частично вылезли за шаблон. Как ссылки управления обратно сдвинуть влево?

 

косяки шаблона, у меня такого не было...
кинь ссылку на сайт, скорее всего отступ надо изменить в css

 

всё сделал как написано но не могу вот это поправить

всё перерыл не знаю где этот блок уменьшить

 

Если в message_user_info, нет:

То, что делать?

 

Вот у меня тоже такие проблемы:

 

У кого нет строки в "message_user_info"
ищем:

Код:

И подгоняем значения height="96px" width="96px" под свои, чтобы отображалось корректно.

 

Сделал по инструкции. Возник вопрос.

Если на аву ставить реальные фоты, то они искажаются с расширением. Как это поправить?

--- добавлено : 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;

 

Решение найдено !!!

Код:

/* 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;
}

 

Уточните про пункт 1.2 инструкции, там пишите о значении во Внешнем отступе, а ниже в примере указан внутренний отступ, так где нужно отступ делать? Если во Внутреннем отступе, то нужно ли оставлять Внешний отступ, у меня проблемы с отступом блока с аватаром и блоком сообщения происходят, прилипают друг к другу почему то.

 

Ну там же всё уже по ходу регулируется. Главное аватары сделать как в теме предлагается.

 

Ну я же говорю у меня почему то блок информации слипается с блоком сообщения, если делаю по инструкции, значит что-то с отступами не так.
--- добавлено : 15 окт 2013 в 21:46 ---
А скажите где подправить (в каком файле) чтобы строка регистрация под аватаром имела вид как здесь например 27.11.2010, а то у меня так 27 нояб 2010

 

@Lex https://www.xf-russia.ru/forum/threads/smenit-nazvanie-dnja-na-chislo.8013/

 

Спасибо большое.

 

у меня что-то не получается может я не так код вписал

 

Там же написано: Идем в шаблон "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;
}

А НЕ всё стираем и этот код добавляем.

 

я так делал мне пишет что в строке 116 не верно что-то и не сохраняет.можете прислать весь код а то я стер а теперь не знаю как вернуть)

 

Жмите ВЕРНУТЬ ШАБЛОН

 

Пункт 2.1 не хочет сохранять код
http://i.imgur.com/Z9hI0iU.jpg