Triky |
12-02-2007 10:00 PM |
[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: Preview (with ImageShack): Online Preview: Modification:
Quote:
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):
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> </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&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&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>
<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&showposts=0&starteronly=1&exactname=1&searchuser={$bbuserinfo['username']}" rel="nofollow"><phrase 1="$userinfo[username]">My own Threads</phrase></a></li>
<li>
<a href="login.php?$session[sessionurl]do=logout&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:
Code:
<!-- breadcrumb, login, pm info -->
.. and ends with this one:
Code:
<!-- / 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):
|
Done! :)
See you to the next little modification!
<!-- ------------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->
Modifications
<!-- / ----------------------------[Monkey's Works] - vBulletin.org Releases Archive---------------------------- -->
|