Forum Home Enhancements - [Monkey's Works] - Navbar enCoded Navigator / Personal Member Navigator in ForumHome

[Monkey's Works] - Navbar enCoded Navigator / Personal Member Navigator in ForumHome
by Triky - Web City

Hi there, monkeys! With this modification your members will have a personal panel near to the navbar (that will be reduced in width). This could be a pretty modifications for your users. In this release I have leaved the default navbar buttons, but I suggest you to change them, becouse some are even on the member navigator panel [How do I add a link to the Navbar?].

Preview:

• MemberNavigator[Preview].jpg (11.6 KB)

• MemberNavigator[Preview]1.jpg (18.6 KB)

• MemberNavigator[Preview]2.jpg (19.3 KB)

Preview (with ImageShack):

• MemberNavigator[Preview]
• 1
• 2

Online Preview:

• Web City Forum Online - http://www.web-city.it/forum/

Modification:

Go to your navbar template
(AdminCp -> Styles & Templates -> Edit Templates -> navbar)

At the top, you will see a <br />. Ok, below you have to add all this code (that's the complete modification code):

<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="$stylevar[center]">
<tr>



<td align="left" width="65%">

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="alt1" width="100%" style="height: 40px">
        <if condition="is_array($navbits)">
            <table cellpadding="0" cellspacing="0" border="0">
            <tr valign="bottom">
                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
                <td>&nbsp;</td>
                <td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
            </tr>
            <tr>
                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
            </tr>
            </table>            
        <else />
            <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
        </if>
    </td>    
    
    
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
    <if condition="$show['member']">
        <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
    </if>
    <if condition="$show['registerbutton']">
        <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
    </if>
    $template_hook[navbar_buttons_left]
    <td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
    <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>

    <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
    <if condition="$show['popups']">        
        <if condition="$show['searchbuttons']">
            <if condition="$show['member']">
            <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
            <else />
            <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
            </if>
            <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
        </if>
        <if condition="$show['member']">
            <td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>        
        </if>
    <else />        
        <if condition="$show['searchbuttons']">
            <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
            <if condition="$show['member']">
            <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
            <else />
            <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
            </if>
        </if>
        <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
        <if condition="$show['member']">            
            <td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>            
        </if>            
    </if>
    $template_hook[navbar_buttons_right]
    <if condition="$show['member']">
        <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
    </if>
</tr>
</table>
<!-- / nav buttons bar -->

</td>


    <td  width="35%">

<!-- Member Navigator -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="$stylevar[right]">
<tr>
    <td class="tcat" colspan="2" align="center">
        <a style="float:$stylevar[left]" href="#top" onclick="return toggle_collapse('memberhome_panel')"><img id="collapseimg_memberhome_panel" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_memberhome_panel].gif" alt="Open/Close your Navigator" border="0" /></a>

<if condition="$bbuserinfo['pmunread']">
        
    <a style="float:$stylevar[right]" href="private.php?$session[sessionurl]"><img style="vertical-align: middle;" src="$stylevar[imgdir_misc]/newpm.gif" alt="You have a new PM(s)" border="0"></a>
        
    </if>

     $vboptions[bbtitle] Navigator 

    </td>
</tr>
<tbody id="collapseobj_memberhome_panel" style="$vbcollapse[collapseobj_memberhome_panel]">
    <tr>
<td class="alt2" style="text-align: center" width="15%">

    <if condition="$show['member']">
<img src="$stylevar[imgdir_misc]/go.gif" border="0" alt="Select an option.." />
        <else />
<img src="$stylevar[imgdir_misc]/go.gif" border="0" alt="Welcome to $vboptions[bbtitle]!" />
        </if>

&nbsp;&nbsp;<br />

<a href="faq.php"><img src="$stylevar[imgdir_misc]/help.gif" border="0" alt="Do you need Help?" />

</td>



<td class="alt1">
<if condition="$show['member']">
<div class="smallfont">

<strong>Hey, <a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">{$bbuserinfo['username']}</a>! Welcome back.</strong>
</div>

<div class="smallfont">
            <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
            <if condition="$show['pmstats']">
<br />
<phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase>
</if>
            <if condition="$show['pmwarning']">
<br />
<strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong>
</if>


        </div>

<hr size="1" style="color:$stylevar[tborder_bgcolor]" />

       <!--Navigator Links -->


<div style="float:left; text-align: left;">
<ul style="list-style-type: square">
<li><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></li>
<li><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></li>
<li><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></li>
<li><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></li>
</ul>
</div>
<div style="float:left; text-align: left;">
<ul style="list-style-type: square">
<li><a href="subscription.php$session[sessionurl_q]" rel="nofollow">Subscriptions</a></li>
<li><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></li>
<li><a href="search.php?$session[sessionurl]do=process&amp;showposts=0&amp;starteronly=1&amp;exactname=1&amp;searchuser={$bbuserinfo['username']}" rel="nofollow"><phrase 1="$userinfo[username]">My own Threads</phrase></a></li>
<li>
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
</li>

</ul>



   <!-- / Navigator Links -->
<else />

<div class="smallfont" style="text-align: center">
Hi guest, this member navigator panel  only is aviable to the registered members. Sign up now or just log in if you're an existing member of $vboptions[bbtitle]. You'll be able to use the navigator to manage your account and your settings. 

<br /><br />

<!-- login form -->
        <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="do" value="login" />        
        <input type="hidden" name="vb_login_md5password" />
        <input type="hidden" name="vb_login_md5password_utf" />
        </form>
        <!-- / login form -->

<br />

<strong>[<a href="register.php" title="Create now your account here at $vboptions[bbtitle]! Join our community and start to post threads, comments, managing your account, etc.">Sign up Now!</a>]</strong>

</div>

</if>

</td>
</tr>
</table>

</td>

<!-- / Member Navigator -->
</tr>
</table>

(Remember to check the red code if you want change the text to fit your needs)

Now if you save, you will have two navbars. Then, you need to remove the default vBulletin navbar code. Basically, it starts with this comment:

<!-- breadcrumb, login, pm info -->

.. and ends with this one:

<!-- / nav buttons bar -->

You need to remove all the code inside these two tags.
Now, what do you need? Three images. You must upload them in your style folder called misc (yourforum/images/misc):

• go.gif
• newpm.gif
• help.gif

Done!
See you to the next little modification!

<!-- ------------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->

Modifications

Thread simple Navbar below QuickReply | Text Editor Toolbar Background | User Profile Web Page | Announcements new Table | Registration Button | enCoded Navbar v1 | Play your Game when in Mainteinance | Hey, guest! You should be a registered member!

Styles
Black Web City Style

<!-- / ----------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->

[StakingAces]

Nice, I like it - Installed

[Triky]

Glad you like it.

[CMGU]

great man woww congrats nice job

[Triky]

Thank you.
If you're using this mod, please mark it as Installed.

[Hornstar]

Very nice, this will look nice on a new skin that I am thinking of installing. Thanks.

[Triky]

Remember to click Install if you will use it.

[YLP1]

This is awesome! I would like to put this in cmps module. Any ideas on how to do that?

Thanks in advance.

[dave9720]

This works fine in both my VB Styles only problem is when Guest come by or go to register they get this. See attached file. Can you tell me how to correct this?

[Triky]

Originally Posted by YLP1

This is awesome! I would like to put this in cmps module. Any ideas on how to do that?

Thanks in advance.

Sorry but I'm not familiar with CMPS modules.

Originally Posted by dave9720

This works fine in both my VB Styles only problem is when Guest come by or go to register they get this. See attached file. Can you tell me how to correct this?

Can you please give me your forum link? I will check it out.