Wednesday, September 28, 2011

How to Align Post Bit details to the left [Extra Design]

Well i have done this to my forum, so i thought you'll might like it too. Many of you might know this from before, so this is a tutorial for those who still doesn't know about this.

• Go to your Admin CP> Templates & Style> Templates

• Select the Template of the theme that you are using and expand it.

• Now, click on Post Bit Templates it and expand it.

• Under that, select postbit and click on full edit.

• Now, replace all the text with the following code below:
Code:
<table border="0" cellspacing="$theme[borderwidth]" cellpadding="2" class="tborder" width="100%">

<tr>

<td class="tcat" colspan="2">

{$post['posturl']} {$post['icon']}<span 
class="smalltext"><strong>{$post['postdate']}, 
{$post['posttime']}</strong></span></td>

</tr>

<tr>

<td class="trow1" rowspan="2" 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 />

{$post['usertitle']}<br />

{$post['userstars']}

{$post['groupimage']}

{$post['useravatar']}<br />

{$post['user_details']}





</td>

<td class="trow1" width="85%" valign="top">

<table width="100%">

<tr><td>

<div id="pid_{$post['pid']}">

{$post['subject']}

<hr />

{$post['message']}

</div>

{$post['attachments']}

{$post['signature']}

<div style="text-align: right; vertical-align: bottom;">

{$post['editedmsg']}

{$post['iplogged']}

</div>

</td></tr>

</table>

</td>

</tr>

<tr>

<td class="trow2" width="100%" valign="bottom" height="18">

&nbsp;&nbsp;&nbsp;&nbsp;<table width="100%" border="0" cellpadding="0" cellspacing="0">

&nbsp;&nbsp;&nbsp;&nbsp;<tr>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td align="left"><span 
class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}</span></td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td align="right"><span 
class="smalltext">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}</span></td>

&nbsp;&nbsp;&nbsp;&nbsp;</tr>

&nbsp;&nbsp;&nbsp;&nbsp;</table>

</td>

</tr>

</table>

<div style="padding-bottom:0px"></div>

• Save the template and you are done. 

•Before•
[Image: TKMwq.png]

•After•
[Image: qUbGC.png]

0 comments:

Post a Comment