MyBB Community Forums

Full Version: making pics fit on the forum
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
as if there to big it cuts the forum in half and can only see half the pic if to wide that is.

any way to fix this as its fine in the other themes Huh

thcchat.com
Make sure your postbit and postbit_classic templates have the scaleimages class.

Looking at your source, they don't.
how would i do that ?

{$ignore_bit}
<table class="ima_tborder" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

<td class="ima_postbit_k_bas" colspan="2"><div style="float:left">{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></div></td>


<tr>
<td class="ima_postbit_bg" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
{$post['onlinestatus']}
<div class=postingo><strong><span class="largetext">{$post['profilelink']}</span></strong></div>
<span class="smalltext">
<div class=postingo>{$post['usertitle']}</div>
<div class=postingo>{$post['useravatar']}</div>
<div class=postingo>{$post['groupimage']}</div>
{$post['user_details']}
<div class=isimpostbit><dt><div style="float:right"> {$post['fid4']} </dd></div>
</span>
</td>
<td class="ima_konubg" valign="top">
<table class="ima_post_govde" width="100%">
<tr><td>{$post['posturl']}<span style="margin-top: -10px; float: left;" class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<br />
<div id="1" style="float: left; position: absolute; z-index: 1; margin-left: -32px; margin-top: -30px;">
<br><img src="images/imadige/ima_konu.png">
</div>
<div id="pid_{$post['pid']}" >
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="ima_konu_altbg" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
<td class="ima_konu_altbg" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
</td>
</tr>
</table>

<div class="post_author scaleimages">
Here:

<div id="pid_{$post['pid']}" class="post_body scaleimages" >
{$post['message']}
</div>
Perhaps without "post_body" in your case, just try.
Don't forget the same in template postbit_classic.
{$ignore_bit}
<table class="ima_tborder" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

<td class="ima_postbit_k_bas" colspan="2"><div style="float:left">{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></div></td>
<div id="pid_{$post['pid']}" class="post_body scaleimages" >
{$post['message']}
</div>

<tr>
<td class="ima_postbit_bg" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
{$post['onlinestatus']}
<div class=postingo><strong><span class="largetext">{$post['profilelink']}</span></strong></div>
<span class="smalltext">
<div class=postingo>{$post['usertitle']}</div>
<div class=postingo>{$post['useravatar']}</div>
<div class=postingo>{$post['groupimage']}</div>
{$post['user_details']}
<div class=isimpostbit><dt><div style="float:right"> {$post['fid4']} </dd></div>
</span>
</td>
<td class="ima_konubg" valign="top">
<table class="ima_post_govde" width="100%">
<tr><td>{$post['posturl']}<span style="margin-top: -10px; float: left;" class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<br />
<div id="1" style="float: left; position: absolute; z-index: 1; margin-left: -32px; margin-top: -30px;">
<br><img src="images/imadige/ima_konu.png">
</div>
<div id="pid_{$post['pid']}" >
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="ima_konu_altbg" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
<td class="ima_konu_altbg" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
</td>
</tr>
</table>

like that??

<div id="pid_{$post['pid']}" class= scaleimages" >
{$post['message']}
</div>

but where in the code do i put it?? anywhere??
No!!!

{$ignore_bit}
<table class="ima_tborder" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

<td class="ima_postbit_k_bas" colspan="2"><div style="float:left">{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></div></td>


<tr>
<td class="ima_postbit_bg" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
{$post['onlinestatus']}
<div class=postingo><strong><span class="largetext">{$post['profilelink']}</span></strong></div>
<span class="smalltext">
<div class=postingo>{$post['usertitle']}</div>
<div class=postingo>{$post['useravatar']}</div>
<div class=postingo>{$post['groupimage']}</div>
{$post['user_details']}
<div class=isimpostbit><dt><div style="float:right"> {$post['fid4']} </dd></div>
</span>
</td>
<td class="ima_konubg" valign="top">
<table class="ima_post_govde" width="100%">
<tr><td>{$post['posturl']}<span style="margin-top: -10px; float: left;" class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<br />
<div id="1" style="float: left; position: absolute; z-index: 1; margin-left: -32px; margin-top: -30px;">
<br><img src="images/imadige/ima_konu.png">
</div>

<div id="pid_{$post['pid']}" class="post_body scaleimages">
{$post['message']}
</div>

{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="ima_konu_altbg" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
<td class="ima_konu_altbg" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
</td>
</tr>
</table>
{$post['message']} is already there, just the class is added to the div around it.
sorry dont understand??
(06-28-2015, 04:06 PM)soundwave Wrote: [ -> ]sorry dont understand??

The template I give is the one you must use. It has class "scaleimages" added to the message.
ok thanks looks like that fixed it Wink