At current, I have some links right beside the message box in the quick reply. I achieved this by reducing the message box width and adding in the links, floating to the side. Now though, I'd like to add 2 images (one on top of the other) and would like a whole different table for it to be in, with it's own thead etc.
So, I want the quick reply table reduced to 50-60%, and I'd like another table to the right of it, where I can place images. Can you help me achieve this please?
Regards.
Based on the default
showthread_quickreply template:
<br />
<table border="0">
<tr>
<td width="65%">
<form method="post" action="newreply.php?tid={$tid}&processed=1" name="quick_reply_form" id="quick_reply_form">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="subject" value="RE: {$thread['subject']}" />
<input type="hidden" name="action" value="do_newreply" />
<input type="hidden" name="posthash" value="{$posthash}" id="posthash" />
<input type="hidden" name="quoted_ids" value="" id="quoted_ids" />
<input type="hidden" name="lastpid" id="lastpid" value="{$last_pid}" />
<input type="hidden" name="from_page" value="{$page}" />
<input type="hidden" name="tid" value="{$tid}" />
<input type="hidden" name="method" value="quickreply" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="2">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['quickreply']}.gif" id="quickreply_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->quick_reply}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['quickreply_e']}" id="quickreply_e">
<tr>
<td class="trow1" valign="top" width="22%">
<strong>{$lang->message}</strong><br />
<span class="smalltext">{$lang->message_note}<br /><br />
<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" {$postoptionschecked['signature']} /> <strong>{$lang->signature}</strong></label><br />
<label><input type="checkbox" class="checkbox" name="postoptions[disablesmilies]" value="1" /> <strong>{$lang->disable_smilies}</strong></label>{$closeoption}</span>
</td>
<td class="trow1">
<div style="width: 95%">
<textarea style="width: 100%; padding: 4px; margin: 0;" rows="8" cols="80" name="message" id="message" tabindex="1"></textarea>
</div>
<div class="editor_control_bar" style="width: 95%; padding: 4px; margin-top: 3px; display: none;" id="quickreply_multiquote">
<span class="smalltext">
{$lang->quickreply_multiquote_selected} <a href="./newreply.php?tid={$tid}&load_all_quotes=1" onclick="return Thread.loadMultiQuoted();">{$lang->quickreply_multiquote_now}</a> {$lang->or} <a href="javascript:Thread.clearMultiQuoted();">{$lang->quickreply_multiquote_deselect}</a>.
</span>
</div>
</td>
</tr>
{$captcha}
<tr>
<td colspan="2" align="center" class="tfoot"><input type="submit" class="button" value="{$lang->post_reply}" tabindex="2" accesskey="s" id="quick_reply_submit" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="3" /></td>
</tr>
</tbody>
</table>
</form>
</td>
<td width="35%" valign="top">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="2">
<div><strong>Images</strong></div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="trow1" align="center" valign="middle">
<img src="images/logo.gif" alt="MyBB" /><br />
<img src="images/logo.gif" alt="MyBB" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
[
attachment=25265]
That did the trick Alan, thank you. I have a small problem. When I minimize the quick reply, the table obviously gets smaller due to the fact it's hiding the text box. Is there a way that the quick reply table thead can stay in the same position, even when I minimize it?
Here is it normally:
http://i39.tinypic.com/97veiv.png
Here is what is happening when I minimize:
http://i39.tinypic.com/25s7brq.png
Find:
<td width="65%">
Replace with:
<td width="65%" valign="top">
Keeps it to the top, but it still makes the second table move to the middle once the quick reply box is minimized. I need it so when it's minimized, both tables remain in the same area, without moving. If it's possible, if not, it's fine.
Also, there is a 1px gap on the far left and far right. So the tables aren't actually 100% width. The left side of the quick reply box has a 1px gap and the other table has a 1px gap on the right. Meaning, they aren't exactly the same width as the thread table for example.
Sorry, I may sound confusing, haha!
Wow, you're worse than me! :p
Find:
<table border="0">
Replace with:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
Find:
<td width="65%" valign="top">
Replace with:
<td width="65%" valign="top" style="padding-right: 10px;">
Haha, sorry about that.
But thank you, everything is exactly the way I want it!
Regards.