PDA

View Full Version : Custom Navbar Help Requested


bkbelew
04-09-2005, 05:06 PM
Hello there :)

I'm looking for some help with my navbar, I want to customize it for my forums and I'm pretty much lost with it right now. I would imagine there's a couple people here who might be able to help me out.

I am looking to add a small pic/banner under my current navbar then add a 2nd navbar below that.

Here is an example of what I mean done in photoshop:
http://www.fraghard.com/random/wanted.gif

The 2nd navbar will of course have different dropdown menus then the first but I need some help getting there, every time I edit the navbar code I botch it up for some reason.

Here's my current navbar code:

<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>

<br />

<!-- breadcrumb, login, pm info -->
<!-- Welcome Panel Hack V1.1 [] Created By SmasherMaster -->
<if condition="THIS_SCRIPT == 'index' OR THIS_SCRIPT == 'adv_index'">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<!-- Main Welcome Panel Block [] Begin -->
<td class="alt1" valign="middle" align="center">
<if condition="$bbuserinfo[userid]!=0">
<!-- Avatar Cell [] Begin -->
<if condition="THIS_SCRIPT == 'adv_index'">
<a href="profile.php?{$session['sessionurl']}&do=editavatar"><img src="$avatarurl" border=0></a>
<else />
{$welcome_avatar}
</if>
<!-- Avatar Cell [] End -->
</td>

<td class="alt2" nowrap="nowrap" style="padding:3px">
<!-- Your Stats [] Begin -->
<div class="smallfont"><b>Your Info:</b><br />User: <a href="member.php?{$session['sessionurl']}u={$bbuserinfo['userid']}" title="Go To Your Profile">{$bbuserinfo['username']}</a><br />
<a href="search.php?{$session['sessionurl']}do=getnew">New Posts</a>: {$welcome_new_posts['new_posts']}<br />New Threads: {$welcome_new_topics['new_topics']}<br />
<if condition="$show[pmstats]"><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase></if></div>
<!-- Your Stats [] End -->
<else />
<!-- Guest [] Begin -->
<!-- Avatar -->
<td class="alt1" valign="middle" align="center">
<a href="register.php?ID=&amp;"><img src="images/avatars/guestavatar.gif" border="0"></a>
</td>
<!-- / Avatar -->

<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="smallfont">User Name</td>
<td><input type="text" class="button" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" /></td>

</tr>
<tr>
<td class="smallfont">Password</td>
<td><input type="password" class="button" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
</tr>
<tr>
<td class="smallfont" colspan="2" nowrap="nowrap">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />Remember Me?</label>
<input type="submit" class="button" value="Log in" tabindex="4" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" />
</td>
</tr>
</table>
<input type="hidden" name="ID" value="" />
<input type="hidden" name="s" value="" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="forceredirect" value="1" />
<input type="hidden" name="vb_login_md5password" />
</form>
<!-- / login form -->
</td>
<!-- Guest [] End --></if>
</td>
<td class="alt1" valign="top" nowrap="nowrap">
<!-- Forum Stats [] Begin -->
<div class='smallfont'><b>Forum Stats:</b><br />Threads: $welcome_topics<br />Posts: $welcome_posts<br />Members: $welcome_members<br />
<if condition="THIS_SCRIPT == 'adv_index'">
Welcome to our newest member,
<a href="member.php?$session[sessionurl]u=$newuserid">$newusername</a>
<else />
<phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase>
</if></div>
<!-- Forum Stats [] End -->
</td>
<!-- Main Welcome Panel Block [] End -->
</tr>
</table>
<else />
<!-- / Welcome Panel Hack V1.1 [] Created By SmasherMaster -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1)"><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]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>

<if condition="$bbuserinfo['userid']">

<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<!--<span style="float:$stylevar[right]">[<a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a>]</span>-->
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</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]">$vbphrase[private_messages_nav]</phrase></if>
</div>
</td>

<else />

<td class="alt2" nowrap="nowrap" style="padding:0px">

<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_ login_md5password_utf)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont">$vbphrase[username]</td>
<td><input type="text" class="button" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" 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="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont">$vbphrase[password]</td>
<td><input type="password" class="button" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="4" 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="forceredirect" value="1" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->

</td>

</if>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->
</if>

<!-- nav buttons bar -->

<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="vbmenu_control"><if condition="THIS_SCRIPT == 'adv_index'"><a href="$vboptions[bburl]?$session[sessionurl]"> Forums <else /> <a href="$vboptions[homeurl]?$session[sessionurl]"> Home </if></a></td>

<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php?$session[sessionurl]">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="faq.php?$session[sessionurl]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php?$session[sessionurl]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php?$session[sessionurl]">$vbphrase[calendar]</a></td>

<td class="vbmenu_control"><a href="arcade.php?$session[sessionurl]">Arcade</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]" accesskey="4">$vbphrase[search]</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td> -->
</if>
<if condition="$bbuserinfo['userid']">
<td id="usercptools" class="vbmenu_control"><a href="#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]" 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">$vbphrase[mark_forums_read]</a></td>
<if condition="$bbuserinfo['userid']">
<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>

<td class="vbmenu_control" id="vbwar"><a href="#vbwar">$vbphrase[vbwar]</a> <script type="text/javascript"> vbmenu_register("vbwar"); </script></td>
<if condition="$bbuserinfo['userid']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a></td>

</if>
</tr>
</table>
</div>
<!-- / nav buttons bar -->


<br />
<br />

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->
<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php" method="post">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="text" class="bginput" name="query" size="20" />$gobutton<br />
</form>
</td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[advanced_search]</a></td>
</tr>
<tr>
<td class="thead">Arcade Game Search</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="arcade.php" method="post">
<input type="text" class="bginput" name="search" size="20" />$gobutton<br />
</form>
</td>
</tr>

</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew">$vbphrase[new_posts_nav]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><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></tr>

<tr><td class="thead"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmstats']"><tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php?$session[sessionurl]">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php?$session[sessionurl]">$vbphrase[whos_online]</a></td></tr></if>

</table>
</div>
<!-- / user cp tools menu -->
</if>
<!-- / NAVBAR POPUP MENUS -->
<!-- OMFG Menu -->
<div class="vbmenu_popup" id="vbwar_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr>
<td class="thead">Servers!</td>
</tr>
<tr>
<td class="vbmenu_option"><a href="#"><span class="smallfont">OMFG its Kaos</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_wars]</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar_stats.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_war_stats]</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar_opponent.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_opponents]</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar_joinus.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_join_us]</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar_challenge.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_challenge_us]</span></a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="$vboptions[bburl]/vbwar_member.php?$session[sessionurl]"><span class="smallfont">$vbphrase[vbwar_clan_members]</span></a></td>
</tr>
</table>
</div>
<!-- / OMFG MENU -->
</if>

On the top navbar I want to remove the menu for Servers!

On the 2nd or bottom navbar I want to add links that are dropdown menus, probably about 6 of them.

Anybody help me out?

Mosh
04-09-2005, 05:13 PM
Check this thread out - Additional Navbar (https://vborg.vbsupport.ru/showthread.php?t=65198).

jd :)

bkbelew
04-09-2005, 05:37 PM
Yea, but that one is at the top of the forum and it's 100% in size. Like the pic I gave shows, I'm looking for something more customized to fit my forums.

The image that is there will be a rotating graphic to show various levels of the games my users play. Since it's below the current navbar and includes that graphic I figured it would have to be done in the navbar itself.