MyBB Community Forums

i too use the same theme
but i needed to get the postbit to look like this
How it is in this forum

http://worldbeyblade.org/thread-3154-post-105220.html

i mean to say how to get the thing tio look like in a box
Like in this attachment the box is kinda highlighted or so
[attachment=12808]

plz tell me what changes i need to make too

another example is like this

Bey Brad posted the code somewhere for it. I think he custom designed it, not sure though.

any idea about the post plz i needed it
im searching right now
would be helpful if you can help

---

sorry for the bump but i just added another image for reference

it's really not that hard to design

All he did was edit the classic postbit template and added some <fieldset>'s and <tables>..

I did design it. Here's the entire postbit_classic. You'll have to clean it up to suit your own needs, obviously.

{$ignore_bit}
<table border="0" cellspacing="0" cellpadding="4px" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<td class="datetime">{$post['postdate']} {$post['posttime']}</td><td class="subjectline"><span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></td><td class="posturl">{$post['posturl']}</td>

	<tr>
		
<td class="{$altbg}"  width="1%" valign="top" style="white-space: nowrap; text-align: center; border: 0px;" rowspan="2">
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a> 
<div class="postbitpad">       
<fieldset class="postbit1" style="margin: 0 auto;"><legend align="left"><strong><span class="largetext">{$post['profilelink']}</span></strong><br /></legend>
		<span class="smalltext">
			{$post['groupimage']}
			{$post['useravatar']}<br />
			{$post['usertitle']}<br />
</span>
</fieldset>


<div class="postbit2_header">{$post['onlinestatus']} Blader Data</a></div>
<div class="postbit2">{$post['user_details']}</div>
</div>
		</td>
<td class="{$altbg}" valign="top" colspan="2" style="border: 0;">
			<div id="pid_{$post['pid']}" style="padding: 10px 10px 5px 6px;">
                {$post['message']}
            </div>
			
			<div>
				 {$post['attachments']}
            {$post['signature']}
	</div>
		</td>
	</tr>
	<tr>
		<td class="{$altbg}" style="vertical-align: bottom;" colspan="2">
			<table width="100%" border="0" cellpadding="0" cellspacing="0">

				<tbody><tr valign="bottom">
					<td style="padding: 0pt;" align="left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}</td>
<td style="padding: 0pt;" align="right">
<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>
</div>
						</div>
{$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']}
				</tr>
			</tbody></table>
		</td>
	</tr>

</tbody>
</table>

Mind also giving the CSS?

Ah yes sorry.

fieldset.postbit1 {
	background: #f9f9f9;
	width: 145px;
	border: 1px solid #999999;
}

.postbit2_header {
	background: #f9f9f9 url(images/wbo/tcat_bg.png) top left repeat-x;
	width: 141px;
	color: #000;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-top: 5px;
	padding: 5px 10px;
	text-align: center;
	
	font-size: 11px;
	font-weight: bold;
}

.postbit2 {
	background: #f9f9f9;
	width: 141px;
	color: #000;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 5px 10px;
	text-align: left;
	align: center;
	
	font-size: 80%;
}

.datetime {
	background: #d8d8d8 url(images/wbo/tcat_bg.png) top left repeat-x;
	color: #000;
	border-bottom: 1px solid #bebebe;
	padding: 4px;
padding-left: 8px;
font-size: 11px;
}

.subjectline {
	background: #d8d8d8 url(images/wbo/tcat_bg.png) top left repeat-x;
	color: #000;
	border-bottom: 1px solid #bebebe;
	padding: 4px;
font-size: 11px;
}

.posturl {
	background: #d8d8d8 url(images/wbo/tcat_bg.png) top left repeat-x;
	color: #000;
	border-bottom: 1px solid #bebebe;
	padding-top: 6px;
font-size: 11px;
}

.postbitpad {
	text-align: center;
	padding-left: 5px;
	padding-bottom: 5px;
}

Thanks

Thanks ill try this .

---

i get errors any remedy