Размер изображений в темах

Добрый день!!!

Возник такой вопросик. Возможно задать ограничение на заливку изображения, что-бы например человек заливал картинку в тему и она полныого размера была 3000х1600 px, а в темах была максимум 340х200(вобщем задать стандарт ширины).  Вобщем  зачем мне это, просто когда я заливаю картинку она расширяет тему подсебя, и на портале смещаються Боковые виджиты.

Врезультате чего приходится постоянно подгонять миниатюры изображений. Да и не только изображений текст тоже. Ладно я могу подогнать и картинку и текст, но есть пользователи которые в этом вопросе не опотные.



Вобще помогите задать фиксированную ширину тем.

Можно, поставьте в css:

Код:

/*Ограничение размера картинок в постах*/
.postbody img {
max-height:200px !important;
max-width:340px !important;
}

только это будет не превью, а ужатая картинка. чтобы увидеть в полном размере, её надо открыть в новой вкладке.

Здравствуйте,
можно также воспользоваться функцией автоматического форматирования изображений :

ПА - Общие настройки - Сообщения и Email - Конфигурация - Автоматическое изменение размера изображений :

А можно сделать что-бы текст был  по ширене максимум 400 px?

rezo3add пишет:А можно сделать что-бы текст был  по ширене максимум 400 px?

Попробуйте так:

Код:

.postbody
{ width:400px; }

Люди, ваши советы мне очень помогли, но оказалось , что я ошибался. Дело в том, что ставя ограничения на размер тем, это не влияет на размер этих же тем в портале.

Как сделать что-бы темы в портале были максимального размера 500Px&

rezo3add, замените шаблон - > Портал -> mod_news этим:
(У вас ведь phpbb2?)

Код:

<!-- BEGIN post_row --><!-- BEGIN saut -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td height="2px"></td>
 </tr>
</table><!-- END saut -->
<table class="forumline mod_news" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catLeft" height="25">
 <a name="news_{post_row.ID}"></a><span class="genmed">{post_row.TITLE}</span>
 </td>
 </tr>
 <tr>
 <td class="row2" height="24"><span class="gensmall"><img src="{ICON_TIME}" alt="" />{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span></td>
 </tr>
 <tr>
 <td class="row1">
 <div style ="width: 400px;">
 {post_row.TEXT}<br /><br />

 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->

 {post_row.OPEN}
 <a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
 {post_row.CLOSE}
 </div>
 </td>
 </tr>
 <tr>
 <td class="row3" height="24"><span class="gensmall"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</span></td>
 </tr>
</table><!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

так спасибо текст теперь как надо, теперь подскажи где в коде опция отвечающая за показ изображений а то изображения не сжимаются в новостях.

Найдите в том же шаблоне:

Код:

<div style ="width: 400px;">

И замените ее на:

Код:

<div class="postbody" style ="width: 400px;">

Должно получиться.

Systemik@ пишет:Можно, поставьте в css:

Код:

/*Ограничение размера картинок в постах*/
.postbody img {
max-height:200px !important;
max-width:340px !important;
}

Не не помогло все равно на портале все вот так http://gamesportal.forum2x2.ru/ загляни

А не все Css Добавил все нормализовалось!!!
БОльшое спасибо за помощь.

rezo3add пишет:А не все Css Добавил все нормализовалось!!!
БОльшое спасибо за помощь.

Пожалуйста

Еще подскажи как центировать изображение в этом коде

rezo3add пишет:Еще подскажи как центировать изображение в этом коде

Чтоб не задеть форумное значение изображении, добавьте в самом конце css

Код:

.postbody1 img {
max-height:200px !important;
max-width:340px !important;
margin-left: 35%;
}

Соответственно в самом шаблоне предыдущий div замените на:

Код:

<div class="postbody1" style ="width: 400px;">

Ппц с этими порталом проблем дофига.

Здравствуйте, Пожалуйста, сообщите нам, решена ли ваша проблема. Если проблема решена, поставьте, пожалуйста, иконку , отредактировав ваше первое сообщение Если проблема по-прежнему актуальна, пожалуйста, дайте нам дополнительную информацию или просто «поднимите» тему, написав несколько слов С уважением, Forum2x2