MyBB Community Forums

Full Version: "Last Edited By" to stay on bottom
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I want the "Last Edited By" thing in the content here:
http://gyazo.com/5ed33cfd359da131a966679c3536d12b
http://comingsoon.visualizeedits.com/thread-1.html

to be at the bottom-right of the box not right underneath the contents.

So no matter how big or small the topic is, it will stay in that bottom right corner.

postbit_classic
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tr>
		<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
		<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
		<span class="smalltext">
			{$post['usertitle']}<br />
			{$post['userstars']}
			{$post['groupimage']}
			{$post['useravatar']}<br />
			{$post['user_details']}
		</span>
	</td>
	<td class="{$altbg}" valign="top">
		<table width="100%">

			<br />
			<div id="pid_{$post['pid']}" class="post_body">
				{$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="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
	<td class="{$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>

postbit_editedby
<span class="smalltext">({$post['editnote']} {$post['editedprofilelink']}.)</span>
Why don't you try changing the class from "smalltext" instead? Try adding a new class to your global.css stylesheet then play around with the position there?

Be sure to replace smalltext with the name of your new class you added to global.css
(2013-07-30, 11:01 PM)Arbaz Wrote: [ -> ]Why don't you try changing the class from "smalltext" instead? Try adding a new class to your global.css stylesheet then play around with the position there?

Be sure to replace smalltext with the name of your new class you added to global.css

I am just adding the style into the html so and playing around with it in the "Inspect Element"
Install firebug if you use Firefox. It would be better than "Inspect Element" and it would show live updates of the code you edit however those edits would be temporary to give you an idea.
Yeah, it does the same in "Inspect Element" on chrome. But I'll try it out.
Try with code: "min-height:110px" on .post_body css class:

.post_body {
margin-top: -15px;
margin-left: 5px;
min-height: 110px;
}
Thank you! It work! Big Grin