MyBB Community Forums

Full Version: [Tutorial] Horizontal avatar and info
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Ok, some people may like to this but dont know how to, im gonna show you. ALL CREDIT GOES TO DENISTT

First go to your admin CP/Templates/modify/delete/(choose template) expand/postbit templates (expand).

After that you will see:
Postbit
Postbit_author_guest
Postbit_author_user
Postbit_avatar

edit the "Postbit" and delete that code and enter:
<td class="tcat" colspan="2" height="18" style="white-space: nowrap; text-align: left">{$post['posturl']}<div class="smalltext" style="float:left">{$post['postdate']} {$post['posttime']}</div>
{$post['icon']}<div class="smalltext" style="text-align: center"><strong> {$post['subject']}</strong></div>
</td>
</tr>
<tr>
<td class="{$altbg}" colspan="2" valign="top" style="white-space: nowrap; text-align: left;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
{$post['user_details']}
</td>
</tr>
<tr>
<td class="{$altbg}" colspan="2" width="85%" valign="top">
<table width="100%">
<tr><td>
<div id="pid_{$post['pid']}">
{$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="{$altbg}" colspan="2" width="100%" valign="middle" height="18">
    <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']}</span></td>
        <td align="right"><span class="smalltext">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}</span></td>
    </tr>
    </table>
</td>
</tr>

Then edit "postbit_author_guest" then delete that code and enter this one:
{$post['useravatar']}<strong><span class="largetext">{$post['profilelink']}</span></strong>
<br />
<span class="smalltext">
    {$post['usertitle']}<br />
    {$post['groupimage']}
</span>

Same for "postbit_author_user" but with this code:
<div class="smalltext" style="float: right">
    {$lang->postbit_posts} {$post['postnum']}<br />
<!--        {$post['userstars']} {$usergroup['title']}<br /> {$lang->postbit_joined} {$post['userregdate']}<br /> -->
    {$lang->postbit_status} {$post['onlinestatus']}{$post['replink']}<br />
</div>

{$post['useravatar']}<strong><span class="largetext">{$post['profilelink']}</span></strong><br />
<span class="smalltext">
    {$post['usertitle']}<br />
    {$post['groupimage']}<br />
</span>

Same for "Postbit_avatar" with this code:
<div style="float:left; padding-right: 10px;"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></div>

thats it
ALL CREDIT GOES TO DENISTT
Wrong section Wink
read the sticky in user submitted tutorials Smile
Toungue its in 1.4
Still a handy tutorial for anyone not in a rush to upgrade.
Doesn't the ALIENTECH theme have this by default, or do I not know what you mean by horizontal avatar...?
I think u should have included a screen of the mod
Nice and easy tut Smile
Very very nice tut!
Very nice mod, but I need a little help here. How can I edit it and change colors, move thing more left/right and stuff?
Also, there are no stars below forum team name (like when Administrator has 6 starts below, and a newbie has only one) sorry, i can't remember how is it called.

Every help is appreciated.
Pages: 1 2