Create a new post area for IPB Boards

[nightfox_pc_asst]

Create a new post area for IPB Boards
By Nightfox PC Asst
From NH-PC Tech Support.net

Have you ever wanted to change the look of a posted message on your forums to something less default than the IPB one??

It places the members name on top with avatar and member info and the posted message is below..

Post Message Mod for Invision Power Boards 2.0.x
By Nightfox PC Asst
From NH-PC Tech Support

Okay for those new to coding and such I will make it simple for you and give you the code here. Heres how to place it in the forums.

1) Goto your ACP Panel
2) Goto Skins & Templates > Skin Manager > Skin of Your Choice > Edit Root Skin Template HTML
(Advanced)
3) Goto Topic View > RenderRow
4) Delete the entire code located in the template bit and replace it with the code below...

<table width="100%" class="forumtop">
<tr>
<td>
<div style="float: left;">
<span class="postdetails">{$post['post_icon']} <img src='{ipb.vars['img_url']}/to_post_off.gif' alt='post' border='0' style='padding-bottom:2px' /> {$post['post_date']}</span>
</div>
<!-- REPORT / DELETE / EDIT / QUOTE DIV -->
<div align="right">
<span class="postdetails">{$post['ip_address']} {ipb.lang['posted_on']}
<a title="{ipb.lang['tt_link']}" href="#" onclick="link_to_post({$post['pid']}); return false;">#{$post['post_count']}</a>
<if="ipb.member['is_mod']">
<a href="#" title="Click to select this topic for bulk moderation" onclick="topic_toggle_pid('{$post['pid']}'); return false;">{$post['pid_start_image']}</a>
</if>

</span>
</div>
</td>
</tr>
</table>
<table width="100%" cellspacing="0">
<tr>
<td width="25%" valign="top">
{$author['name']}<br />
{$author['avatar']}<br />
{$author['title']}<br />
{$author['member_rank_img']}<br />
</td>
<td width="25%" valign="top">
{$author['member_group']}<br />
{$author['member_posts']}<br />
{$author['member_joined']}<br />
{$author['member_location']}<br />
{$author['member_number']}<br />
<if="author['custom_fields'] != """>
{$author['custom_fields']}
</if>
{$author['warn_text']} {$author['warn_minus']}{$author['warn_img']}{$author['warn_add']}
</td>
</tr>
</table>
<table width="100%" cellspacing="0" class="forumtop">
<tr>
<td>
<div style='text-align:left'>{$author['online_status_indicator']}{$author['addresscard']}{$author['message_icon']}<!--{$author['email_icon']}--></div>
</td>
</tr>
</table>
<table width="100%" cellspacing="0">
<tr>

</tr>
</table>
<table width="100%" cellspacing="0">
<tr>
<td width="100%" valign="top" class="{$post['post_css']}">
<!-- THE POST {$post['pid']} -->
<div class="postcolor">{$post['post']} <!--IBF.ATTACHMENT_{$post['pid']}--></div>
{$post['signature']}
<!-- THE POST -->
</td>
</tr>
</table>
<table width="100%" cellspacing="0">
<tr>
<td width="50%" nowrap="nowrap" class="formbuttonrow">
<div style="float: left;">
{$post['report_link']}<a href="javascript:scroll(0,0);"><{P_UP}></a>
</div>
</td>
<td width="50%" nowrap="nowrap" class="formbuttonrow">
<div align="right">{$post['delete_button']}{$post['edit_button']}<a href="#" onclick="multiquote_add({$post['pid']}); return false;" title="{ipb.lang['mq_title']}">{$post['mq_start_image']}</a><a href="{ipb.script_url}act=Post&amp;CODE=02&amp;f={ipb.input[f]}&amp;t={ipb.input[t]}&amp;qpid={$post['pid']}" title="{ipb.lang['tt_reply_to_post']}"><{P_QUOTE}></a>
</div></td>
</tr>
</table>

5) Save and Reload the template bit

6) Goto in Skin & Templates > Skin Manager > Skin of your choice > Edit Root Skin Stylesheet (Advanced CSS)

7) Place this code anywhere you like.

.forumtop{
background: #FFF;
border-bottom: 1px solid #000;
}


Enjoy!

Heres a screenshot of it...
http://www.nightfoxpcforums.net/newpostdesign.png

Laters

NF

[Ed]

Very nice NH, Looks very sleek and professional to me.

[BadKharma]

Very nice mod you sure are getting heavy into the coding there.

[nightfox_pc_asst]

Im a MAD Coder!! Somebody PAY ME! :crazed:

[SkinnerX]

I just like looking at all the purdy colors. :)

[nightfox_pc_asst]

Purdy colors??

[BadKharma]

LOL purdy ie pretty.