New Postbit Layouyt - SN Designs

Sybil · Dec 22, 2008

Code:

 			   │█▓████│                             
  			   │████▓▓│                             
  			   │██░                                   
  			   │▓█████│ 			           
  			   │██████│                              
  			        ▓█│                               
  			   │█▓████│                              
  			   │████▓█░ YBIL

                                      ▓██│ ██░  
                                      ██▓│ █▓│ 
                                      ███│ ██│  
                                      ██░█ █▓│   
                                      █▓│▓░██  
                                      ██│████│  
                                      ▓█│ █▓█│  
                                      ██░ ███│ OW

                             D  E  S  I  G  N  S

This is the first SN Designs release. Hope you enjoy it!

I have only tried this for vb 3.7 and with postbit legacy. So I can not say if it will work on 3.6 or earlier. If you want to try it on 3.6 and let me know if it works or not then great. If it does not work then give me access to a 3.6 version of VB and I will have a play with it to get it working.

A link to the users homepage will show up in their postbit. It will be labeled "View My Homepage" and will have a rel="nofollow" tag on it so the serps will not follow it. If the user does not fill in the Homepage option in their profile then a link will not show up in the postbit.

Example:

You have 2 options to do this.

Option 1:

Step 1:

AdminCP> Styles & Templates> Style Manager> Edit Templates> Postbit Templates> postbit_legacy

Now Find:

Code:

<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
            </div>

Add this above it:

Code:

<if condition="$show['homepage']"><div class="pbit" align="center">
        <a href="$post[homepage]" rel="nofollow"><phrase 1="$post[username]"><strong>View My Homepage</strong></phrase></a></div>
    </if>

Now for each line of info you want to be in a table layout in the postbit just change the <div> to <div class="pbit" align="center">

Step 2:

Now you need to goto:

AdminCP> Styles & Templates> Style Manager> Main CSS

Scroll to the very bottom and add the following in the last box:

Code:

.pbit {
padding-left: 1px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #ffffff;
border-top: 1px solid #5B7691;
border-right: 2px solid #5B7691;
border-left: 1px solid #5B7691;
border-bottom: 2px solid #5B7691;
margin-bottom: 5px;
}

You can change the colors to your liking.

Option 2:

AdminCP> Styles & Templates> Style Manager> Edit Templates> Postbit Templates> postbit_legacy

Copy the code below:

Code:

$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
    <if condition="$show['announcement']">
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
            <img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
            <phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
        </td>
    <else />
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[align=right]: 0px" $post[scrolltothis]>        
            <!-- status icon and date -->
            <a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
            $post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
            $post[firstnewinsert]
            <!-- / status icon and date -->                
        </td>
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[align=left]: 0px" align="$stylevar[align=right]">
            &nbsp;
            <if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
            <if condition="$show['inlinemod']">
                <input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
            </if>
        </td>
    </if>
</tr>
<tr valign="top">
    <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
            
            <div id="postmenu_$post[postid]">
                <if condition="$show['profile']">
                <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><center>$post[musername]</center></a>
                <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
                <else />
                $post[musername]
                </if>
            </div>
            
            <if condition="$post['usertitle']"><div class="smallfont"><center>$post[usertitle]</center></div></if>
            <center><if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if></center>
            $template_hook[postbit_userinfo_left]
        
            <center><if condition="$show['avatar']">
                <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center>
                </div>
            </if>
            
            <div class="smallfont">
                &nbsp;<br />
                <if condition="$post['joindate']"><div class="pbit" align="center">$vbphrase[join_date]: $post[joindate]</div></if>
                <if condition="$post['field2']"><div class="pbit" align="center">$vbphrase[location_perm]: $post[field2]</div></if>
                <if condition="$post['age']"><div class="pbit" align="center">$vbphrase[age]: $post[age]</div></if>

                <div class="pbit" align="center">
                    $vbphrase[posts]: $post[posts]
                </div>
                $template_hook[postbit_userinfo_right_after_posts]
                <if condition="$show['infraction']"><div class="pbit" align="center">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
                <if condition="$show['reputation']"><div class="pbit" align="center"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
                $template_hook[postbit_userinfo_right]
                <if condition="$show['album']"><div class="pbit" align="center">
<a href="album.php?u=$post[userid]" title="View $userinfo[username]'s Album" rel="nofollow"><strong>Member's Gallery</strong></a></div></if>
<if condition="$show['homepage']"><div class="pbit" align="center">
        <a href="$post[homepage]" rel="nofollow"><phrase 1="$post[username]"><strong>View My Homepage</strong></phrase></a></div>
    </if>
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
            </div>                    
        
    </td>
    <if condition="$show['moderated']">
    <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[align=right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
    <else />
    <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[align=right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
    </if>
        $template_hook[postbit_messagearea_start]
        <if condition="$show['messageicon'] OR $post['title']">
            <!-- icon and title -->
            <div class="smallfont">
                <if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
                <if condition="$post['title']"><strong>$post[title]</strong></if>
            </div>
            <hr size="1" style="color:$stylevar[tborder_bgcolor]" />
            <!-- / icon and title -->
        </if>
        
        <!-- message -->
        <div id="post_message_$post[postid]">$post[message]</div>
        <!-- / message -->
    
        <if condition="$show['attachments']">
        <!-- attachments -->
            <div style="padding:$stylevar[cellpadding]px">
            
            <if condition="$show['thumbnailattachment']">
                <fieldset class="fieldset">
                    <legend>$vbphrase[attached_thumbnails]</legend>
                    <div style="padding:$stylevar[formspacer]px">
                    $post[thumbnailattachments]
                    </div>
                </fieldset>
            </if>
        
            <if condition="$show['imageattachment']">
                <fieldset class="fieldset">
                    <legend>$vbphrase[attached_images]</legend>
                    <div style="padding:$stylevar[formspacer]px">
                    $post[imageattachments]
                    </div>
                </fieldset>
            </if>
            
            <if condition="$show['imageattachmentlink']">
                <fieldset class="fieldset">
                    <legend>$vbphrase[attached_images]</legend>
                    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                    $post[imageattachmentlinks]
                    </table>
                    </fieldset>
            </if>
            
            <if condition="$show['otherattachment']">
                <fieldset class="fieldset">
                    <legend>$vbphrase[attached_files]</legend>
                    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                    $post[otherattachments]
                    </table>
                </fieldset>
            </if>
            
            <if condition="$show['moderatedattachment']">
                <fieldset class="fieldset">
                    <legend>$vbphrase[attachments_pending_approval]</legend>
                    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                    $post[moderatedattachments]
                    </table>
                </fieldset>        
            </if>
            
            </div>
        <!-- / attachments -->
        </if>
        
        $template_hook[postbit_signature_start]
        
        <if condition="$post['signature']">
        <!-- sig -->
            <div>
                __________________<br />
                $post[signature]
            </div>
        <!-- / sig -->
        </if>
        
        $template_hook[postbit_signature_end]
        
        <if condition="$show['postedited']">
        <!-- edit note -->
            <div class="smallfont">
                <hr size="1" style="color:$stylevar[tborder_bgcolor]" />
                <em>
                    <if condition="$post['editlink'] AND $show['postedithistory']">
                        <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
                    <else />
                        <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
                    </if>
                    <if condition="$post['edit_reason']">
                        $vbphrase[reason]: $post[edit_reason]
                    </if>
                </em>
            </div>
        <!-- / edit note -->
        </if>
    
    </td>
</tr>
<tr>
    <td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
        $post[onlinestatus]
        <if condition="$show['reputationlink']">
            <span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
            <if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
        </if>                
        <if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
        <if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
        $post[iplogged]
        &nbsp;
    </td>
    <if condition="$show['moderated']">
    <td class="alt2" align="$stylevar[align=right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[align=left]: 0px; border-top: 0px">
    <else />
    <td class="alt1" align="$stylevar[align=right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[align=left]: 0px; border-top: 0px">
    </if>
        <!-- controls -->
        <if condition="$post['editlink']">
            <img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
            <a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
        </if>
        <if condition="$post['forwardlink']">
            <a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
        </if>
        <if condition="$post['replylink']">
            <a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
        </if>
        <if condition="$show['multiquote_post']">
            <a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
        </if>
        <if condition="$show['quickreply'] AND !$show['threadedmode']">
            <a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.png" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
        </if>
        <if condition="$show['moderated']">
            <img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
        </if>
        <if condition="$show['spam']">
            <img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
        </if>
        <if condition="$show['deletedpost']">
            <img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
        </if>
        <if condition="$show['redcard']">
            <a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
        <else />
            <if condition="$show['yellowcard']">
                <a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
            </if>
        </if>
        $template_hook[postbit_controls]
        <!-- / controls -->
    </td>
</tr>
</table>
$template_hook[postbit_end]

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
    <table cellpadding="4" cellspacing="1" border="0">
    <tr>
        <td class="thead">$post[username]</td>
    </tr>
    <if condition="$show['profile']">
        <tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
    </if>
    <if condition="$show['pmlink']">
        <tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
    </if>
    <if condition="$show['emaillink']">
        <tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
    </if>
    <if condition="$show['homepage']">
        <tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
    </if>
    <if condition="$show['search']">
        <tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
    </if>
    <if condition="$post['userid'] AND $show['member']">
    <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
    </if>
    $template_hook[postbit_user_popup]
    </table>
</div>
<!-- / post $post[postid] popup menu -->

and replace all the code in your postbit_legacy template with the above code.

Now do Step 2 above.

BE SURE TO BACK UP YOUR TEMPLATES BEFORE DOING ANY OF THIS. YOU DO THIS AT YOUR OWN RISK!!!!!!!!

Big Boss · Dec 23, 2008

Nice One!............

me50 · Jun 20, 2009

not workin wid 3.8.2

dark_hunter · Jun 20, 2009

Make demo image bigger please.

Error 404 · Jun 21, 2009

Yep, that would be more useful ))

DOPE · Jun 21, 2009

screenie doesnt need to be any bigger really...
its the same as every other edited postbit...
css is used...
<div class="postinfo">
blah blah</div>

no need to replace the whole postbit template...
just add the divs around each line...

New Postbit Layouyt - SN Designs

Sybil

New Member

Big Boss

New Member

me50

New Member

dark_hunter

New Member

Error 404

New Member

DOPE

New Member