PDA

View Full Version : Forum Home Enhancements - [Monkey's Works] - vPro Navigation Header: Professional Header


Triky
12-04-2007, 10:00 PM
[Monkey's Works] - vPro Navigation Header: Professional Header
by Triky - Web City (http://www.web-city.it/)




Hi there, monkeys! With this modification you will have a new header/navbar style. Check out the previews! Please let me know if you like it.

Preview:
https://vborg.vbsupport.ru/external/2008/01/12.gif vProNavHeader[Guest].jpg (https://vborg.vbsupport.ru/attachment.php?attachmentid=73006&stc=1&d=1196851468) (41.7 KB)
https://vborg.vbsupport.ru/external/2008/01/12.gif vProNavHeader[Member].jpg (https://vborg.vbsupport.ru/attachment.php?attachmentid=73007&stc=1&d=1196851468) (29.4 KB)Preview (with ImageShack):

vBProNavHeader[Guest] (http://img261.imageshack.us/img261/3018/vpronavheaderguestmo0.gif)
vBProNavHeader[Member] (http://img261.imageshack.us/img261/9349/vpronavheadermemberdl5.gif)Modification:


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

Replace all the content with this code:

<if condition="THIS_SCRIPT == 'register'">
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions" /></a></td>
<td align="$stylevar[right]">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
<else />
<!-- content table -->
$spacer_open

$_phpinclude_output
</if>Now go to your FORUMHOME template.
Search for this code:


<if condition="$show['guest']">
<!-- guest welcome message -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat"><phrase 1="$vboptions">$vbphrase[welcome_to_the_x]</phrase></td>
</tr>
<tr>
<td class="alt1">
<phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
</td>
</tr>
</table>
<!-- / guest welcome message -->
<br />
</if>Delete it.

Now you have to add the modification code to your navbar.
Then, open your navbar template and add this code to the top:

<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead" <if condition="$show['guest']">colspan="3"<else />colspan="2"</if>>$vboptions[bbtitle] [B]Navigation</td>
</tr>
<tr>
<td class="alt2" <if condition="$show['guest']">colspan="3"<else />colspan="2"</if>>

<!-- nav buttons bar -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<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">$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,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=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>
</div>
<!-- / nav buttons bar -->

</td>
</tr>
<tr>
<td <if condition="$show['guest']">width="15%"<else />width="75%"</if> class="alt1">
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions" /></a></td>
<td align="$stylevar[right]">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->
</td>


<if condition="$show['guest']">
<td class="alt1" width="55%">
<!-- guest welcome message -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>
</tr>
<tr>
<td class="alt1"><div class="smallfont">
<phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
</div>
</td>
</tr>
</table>
<!-- / guest welcome message -->
</td>
</if>


<td class="alt2" <if condition="$show['guest']">width="30%"<else />width="25%"</if> valign="top">
<if condition="$show['member']">

<div class="smallfont" style="text-align: left">
<strong><phrase 1="$bbuserinfo[username]"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x]</a></phrase></strong><br />
<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>


<else />



<!-- 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 -->



</if>
&nbsp;
<div class="smallfont">
<if condition="$show['member']">
[<a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a>] - [<a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a>] <br />
[<a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a>] - [<a href="search.php?$session[sessionurl]do=process&amp;showposts=0&amp;starteronly=1&amp;exactname=1&amp;s earchuser={$bbuserinfo['username']}" rel="nofollow">[B]My Threads</a>]

<else />
[B]Please, log in with the from above. <br />
If you're not a member, you can <a href="register.php">sign up</a> now.
</if>
</div>
</td>
</tr>
<tr>
<td class="alt1" <if condition="$show['member']">colspan="2"<else />colspan="3"</if>>

<!-- 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%">
<span style="float: right" class="smallfont">[<a href="$vboptions[forumhome].php$session[sessionurl_q]">Forum Home</a>] - [<a href="sendmessage.php">Contact Us</a>]</span>
<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</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 -->

</td>
</tr>

</table>


(Remember to chech the red code if you want to change some phrases)

Still in your navbar template delete all the content inside these two comments:

<!-- breadcrumb, login, pm info -->..and:

<!-- / nav buttons bar -->Delete the content inside these two comments (comments included :p)!

Done! I hope you like it.
See you to the next little modification!


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


Modifications
Thread simple Navbar below QuickReply (https://vborg.vbsupport.ru/showthread.php?t=142589) | Text Editor Toolbar Background (https://vborg.vbsupport.ru/showthread.php?t=142641) | User Profile Web Page (https://vborg.vbsupport.ru/showthread.php?t=143207) | Announcements new Table (https://vborg.vbsupport.ru/showthread.php?t=142057) | Registration Button (https://vborg.vbsupport.ru/showthread.php?t=143407) | enCoded Navbar v1 (https://vborg.vbsupport.ru/showthread.php?t=146914) | Play your Game when in Mainteinance (https://vborg.vbsupport.ru/showthread.php?t=147244) | Hey, guest! You should be a registered member! (https://vborg.vbsupport.ru/showthread.php?t=163264) | Navbar enCoded Navigator / Personal Member Navigator in ForumHome
(https://vborg.vbsupport.ru/showthread.php?t=164198)

Styles
Black Web City Style (https://vborg.vbsupport.ru/showthread.php?t=134703)


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

PoetJA-1975
12-05-2007, 10:22 AM
Oh my! Looks lovely! Do you have a live-site preview?

Thanx for the share.

JAcquii.

Triky
12-05-2007, 10:36 AM
Sorry, I've made it on my local board. I have no online preview. :p
Glad you like it.

cygy2k
12-05-2007, 10:21 PM
I like the look but man that would cause some headaches when upgrading vB and templates.

TheBlackPoet
12-05-2007, 11:44 PM
this would be nice.. (that area is some overlooked real estate)... but my headers are too customized to dump.... is there an alternative???

Triky
12-06-2007, 07:11 AM
I like the look but man that would cause some headaches when upgrading vB and templates.

This is inevitable. You can upgrade, revert the templates, and then re-do the modifications. And if some codes are changed, just update the old code.

this would be nice.. ... but my headers are too customized to dump.... is there an alternative???

If you give me your style (also via MSN: you will find my messenger in my profile) I can try to develope it according to your style. Then I will give you the style with that modification.

Symmetrical?
12-06-2007, 08:14 AM
thnks nice.

Konstantinos
12-06-2007, 05:40 PM
great but i am using some custom navbar stuff like extra menus etc i will need msn help :P

CMGU
12-06-2007, 05:46 PM
thats great!!!!!!!!!!!!!!!

thank u

Triky
12-06-2007, 06:52 PM
great but i am using some custom navbar stuff like extra menus etc i will need msn help :P

I've seen you've added me. Tomorrow I will be online.
Now I'm online, but I'm not on my main PC.. :p

Konstantinos
12-06-2007, 08:26 PM
thx for helping

projectego
12-07-2007, 07:50 AM
Very, very nice. :)

* projectego clicks install

StuntFactoryX
12-08-2007, 07:21 PM
an idea... not sure how it would look...

where the vb logo is and that row (logo, log in box and welcome panel) how would you put a tborder around it so it would look uniform w/ the nav bar above it (border and padding from outside border)

Hornstar
12-09-2007, 04:06 AM
This is very unique, nice work. May come in handy in the future. For now, thanks for sharing :)

Triky
12-11-2007, 07:37 AM
an idea... not sure how it would look...

where the vb logo is and that row (logo, log in box and welcome panel) how would you put a tborder around it so it would look uniform w/ the nav bar above it (border and padding from outside border)

I am not to the *official computer*, right now.. so I can do nothing.
I will try to do it tomorrow. :)

Dark Cynicus!
01-24-2008, 09:22 PM
will this work with 3.7?

Triky
01-25-2008, 07:29 AM
will this work with 3.7?

Yes, I think it will work.

Mischievious
06-07-2008, 04:14 PM
This doesn't seem to work to well with 3.7.0. Do you think you can port it over?

Bellinis
07-30-2008, 06:00 PM
Yes, please make this working for 3.7 as well :)