MyBB Community Forums
making pics fit on the forum - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: making pics fit on the forum (/thread-172439.html)



making pics fit on the forum - soundwave - 2015-06-27

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


RE: making pics fit on the forum - iAndrew - 2015-06-28

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

Looking at your source, they don't.


RE: making pics fit on the forum - soundwave - 2015-06-28

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">


RE: making pics fit on the forum - Ad Bakker - 2015-06-28

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.


RE: making pics fit on the forum - soundwave - 2015-06-28

{$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??


RE: making pics fit on the forum - Ad Bakker - 2015-06-28

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.


RE: making pics fit on the forum - soundwave - 2015-06-28

sorry dont understand??


RE: making pics fit on the forum - Ad Bakker - 2015-06-28

(2015-06-28, 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.


RE: making pics fit on the forum - soundwave - 2015-06-28

ok thanks looks like that fixed it Wink