Растягивается форум

Автор Solomon, 14 февраля 2017, 16:55:38

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Solomon

Подскажите пожалуйста,где и что надо прописать,чтобы форум не растягивали большие картинки и ссылки?
Создаешь пост и если картинка большая в теме,появляется прокрутка вбок(

Snow_Irbis

Админка -> Конфигурация -> Свойства и параметры -> Отображение и там находишь Максимальная ширина вставляемых изображений (0 = не менять размер) и Максимальная высота вставляемых изображений (0 = не менять размер), для первого устанавливаешь значение 800, для второго 600 и сохраняешь. После чего все добавляемые на форум изображения через бб-код img будут автоматически подгоняться под этот размер, при этом при нажатии на изображение откроется оригинал :)

Serifa

Цитата: Snow_Irbis от 14 февраля 2017, 18:17:31для первого устанавливаешь значение 800, для второго 600 и сохраняешь
Многовато задаёшь, как оно будет на телефоне выглядеть? Я обычно больше 400 не ставлю, в ширину. В высоту можно чуть больше.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге
Хочу такую читалку

digger®

Можно сделать картинки отзывчивыми. Добавить в index.css своей темы оформления
/* Auto resizing of avatars in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.avatar>a>img, li.avatar>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 125px;
}

/* Auto resizing of avatars in default theme header. */
/* Change sizing to suit your own preferences. */
p.avatar>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 125px;
}

/* Auto resizing of images in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.inner>img, .inner>blockquote>img,
.inner>.bbc_link>img, .inner>blockquote>.bbc_link>img{
   height: auto;
   width: auto;
/* This is just to keep images to a handy size, even on large screens. */
   max-height: 640px;
/* This prevents images breaking out of the post on small screens. */
   max-width: 95%;
}


/* Auto resizing of images in signatures. */
/* Change sizing to suit your own preferences. */
.signature>img, .signature>blockquote>img,
.signature>.bbc_link>img, .signature>blockquote>.bbc_link>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 95%;
}
.attachments>div>img {
   height: auto;
   width: auto;
   max-width: 95%;
   max-height: 640px;
}
.attachments>div>a>img {
   height: auto;
   width: auto;
   max-width: 95%;
   max-height: 640px;
}

/*Auto resize attachments*/
div.attachments>img {
   height: auto;
   width: auto;
   max-width: 95%;
   max-height: 640px;
}

Snow_Irbis

Цитата: Serifa от 14 февраля 2017, 19:20:09Многовато задаёшь, как оно будет на телефоне выглядеть? Я обычно больше 400 не ставлю, в ширину. В высоту можно чуть больше.

Взглянем правде в глаза, большинство современных телефонов представляют из себя фаблеты, с разрешением дисплея не ниже qHD, а зачастую HD. Поэтому нормально все выглядит, но дело естественно хозяйское :)

Solomon

Спасибо всем большое,получилось smitten