Navbar coding

[Mahar]

Okay, I know how to add a link to the navbar but, Our styles are different. I keep trying and failing horribly but, when we installed vBlog, it instantly added it's own link as if it was a button....I'll attach a screenshot below.

Basically, I'm wondering how in the hell I do that. Because I'd like to put up a Rules Tab

[Dismounted]

vBulletin Blogs adds navbar links through template hooks. It simply add bogs standard link code. You can alternatively add it manually. Post your navbar template if you want help down this route.

[Mahar]

Sure thing

<br />

<!-- top category table setup -->
<table width="100%" class="tcat" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="140" height="27" align="left" valign="top"><img src="$stylevar[imgdir_misc]/cat_top_ls.gif" width="140" height="27" alt=" " border="0" /></td>
<td width="100%" valign="middle">&nbsp;</td>
<td width="140" height="27" align="right" valign="top"><img src="$stylevar[imgdir_misc]/cat_top_rs.gif" width="140" height="27" alt=" " border="0" /></td>
</tr>
</table>
<!-- End top category table setup -->

<!-- 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%">
<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="$navbar_reloadurl"><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>
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show['popups']">
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- 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" style="white-space: nowrap;"><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" 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="securitytoken" value="$bbuserinfo[securitytoken]" />
<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 -->
</td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->

<!-- / nav buttons bar -->


<!-- bottom table setup -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="70" align="left" valign="top"><img src="$stylevar[imgdir_misc]/ls_main_table_bottom.gif" width="70" height="14" alt=" " border="0" /></td>
<td width="100%" style="background-image:url($stylevar[imgdir_misc]/extended_main_table_bottom.gif)"><img src="$stylevar[imgdir_misc]/clear.gif" width="100%" height="14" alt=" " border="0" /></td>
<td width="70" align="right" valign="top"><img src="$stylevar[imgdir_misc]/rs_main_table_bottom.gif" width="70" height="14" alt=" " border="0" /></td>
</tr>
</table>
<!-- End bottom table setup -->


<br />

<if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="$return_link" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">
$notices
</td>
</tr>
</table>
<br />
</form>
</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
<br />
</if>

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

<if condition="$show['communitylink']">
<!-- community link menu -->
<div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">$vbphrase[community_links]</td></tr>
$template_hook[navbar_community_menu_start]
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<if condition="$bbuserinfo['userid']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
</if>
<if condition="$show['memberslist']">
<tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
</if>
$template_hook[navbar_community_menu_end]
</table>
</div>

<!-- / community link menu -->
</if>

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
<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?do=process" method="post">

<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
<div style="margin-top:$stylevar[cellpadding]px">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
&nbsp;
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</div>
</form>
</td>
</tr>
<tr>

<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</tr>
<if condition="$vboptions[threadtagging]">
<tr>
<td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
$template_hook[navbar_search_menu]
</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;margin-top:3px" align="$stylevar[left]">
<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=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<!-- Staff Application -->
<if condition="$vboptions[usml_staffapp_options_on] == '1' AND $show[member]">
<tr><td class="vbmenu_option"><a href="staffapp.php$session[sessionurl]">Staff Application</a></td></tr>
</if>
<!-- /Staff Application -->
<if condition="$show[member]">
<tr><td class="vbmenu_option"><a href="arcade.php$session[sessionurl]">Play Arcade</a></td></tr>
</if>
<if condition="$show[member]">
<tr><td class="vbmenu_option"><a href="misc.php?do=donate$session[sessionurl]">Donate</a></td></tr>
</if>
<if condition="$show[member]">
<tr><td class="vbmenu_option"><a href="awards.php$session[sessionurl]">Achievement List</a></td></tr>
</if>
$template_hook[navbar_quick_links_menu_pos1]
$template_hook[navbar_quick_links_menu_pos2]

<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<!--<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_your_details]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos3]

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>

$template_hook[navbar_quick_links_menu_pos4]

</table>
</div>
<!-- / user cp tools menu -->

</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>

<if condition="$show['member'] AND $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

$ad_location[ad_navbar_below]

[Dismounted]

The style author has moved the buttons from the default place - you'll have to find that place (maybe header?).

[Mahar]

That would explain why I mess with the navbar template for hours with no success.

Yeah, I see the buttons now.

<!-- begin rogue header-->
<div align="center">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="border">
<tr>
<td align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="background-image: url($stylevar[imgdir_misc]/hdr_logo_back.gif)">
<tr>
<td width="268" height="83" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_logo.gif" width="268" height="83" alt="" /></td>
<td width="110" height="83" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_logo_rs.gif" width="110" height="83" alt="" /></td>
<td width="100%" height="83" align="left" valign="top">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-image: url($stylevar[imgdir_misc]/hdr_nav_back.gif)">
<tr>
<td width="93" height="34" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_nav_ls.gif" width="93" height="34" alt="" /></td>
<td width="50%" height="34" align="right" valign="top"><img src="$stylevar[imgdir_misc]/trans.gif" width="50%" height="34" alt="" /></td>
<td width="53" height="34" align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1" id="nav_home"><img src="$stylevar[imgdir_misc]/trans.gif" width="53" height="34" border="0" alt="" /></a></td>

<!-- Load Blog Link-->
<if condition="$vbulletin->products['vbblog']">
<td width="53" height="34" align="left" valign="top"><div id="vbbloglinks"><a href="blog.php$session[sessionurl_q]" id="nav_blog"><img src="$stylevar[imgdir_misc]/trans.gif" width="53" height="34" border="0" alt="" /></a><script type="text/javascript">vbmenu_register("vbbloglinks" ,1);</script></div></td>
</if>
<!-- End Blog Link-->

<td width="73" height="34" align="left" valign="top"><a href="usercp.php$session[sessionurl_q]" id="nav_cp"><img src="$stylevar[imgdir_misc]/trans.gif" width="73" height="34" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td width="90" height="34" align="left" valign="top"><a href="register.php$session[sessionurl_q]" rel="nofollow" id="nav_reg"><img src="$stylevar[imgdir_misc]/trans.gif" width="90" height="34" border="0" alt="" /></a></td>
<else />
<td width="90" height="34" align="left" valign="top" id="usercptools"><a href="$show[nojs_link]#usercptools" accesskey="3" id="nav_links"><img src="$stylevar[imgdir_misc]/trans.gif" width="90" height="34" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools", 1); </script></td>
</if>

<if condition="$show['communitylink'] AND $show['popups']">
<td width="90" height="34" align="left" valign="top"><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6" class="nav_com"><img src="$stylevar[imgdir_misc]/trans.gif" width="90" height="34" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("community" ,1); </script></td>
<else />
<if condition="$show['memberslist']">
<td width="78" height="34" align="left" valign="top"><a href="memberlist.php$session[sessionurl_q]" id="nav_members"><img src="$stylevar[imgdir_misc]/trans.gif" width="78" height="34" border="0" alt="" /></a></td>
</if>
</if>
<td width="84" height="34" align="left" valign="top"><a href="calendar.php$session[sessionurl_q]" id="nav_cal"><img src="$stylevar[imgdir_misc]/trans.gif" width="84" height="34" border="0" alt="" /></a></td>
<td width="68" height="34" align="left" valign="top" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow" id="nav_search"><img src="$stylevar[imgdir_misc]/trans.gif" width="68" height="34" border="0" alt="" /></a><if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></if></td>
<td width="44" height="34" align="left" valign="top"><a href="faq.php$session[sessionurl_q]" accesskey="5" id="nav_faq"><img src="$stylevar[imgdir_misc]/trans.gif" width="44" height="34" border="0" alt="" /></a></td>
<td width="8" height="34" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_nav_end.gif" width="8" height="34" alt="" /></td>
<td width="50%" height="34" align="right" valign="top"><img src="$stylevar[imgdir_misc]/trans.gif" width="50%" height="34" alt="" /></td>
<td width="93" height="34" align="right" valign="top"><img src="$stylevar[imgdir_misc]/hdr_nav_rs.gif" width="93" height="34" alt="" /></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-image: url($stylevar[imgdir_misc]/hdr_sub_back.gif)">
<tr>
<td width="93" height="18" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_sub_ls.gif" width="93" height="18" alt="" /></td>
<td width="100%" height="18" align="left" valign="top"><img src="$stylevar[imgdir_misc]/hdr_sub_back.gif" width="100%" height="18" alt="" /></td>
<td width="93" height="18" align="right" valign="top"><img src="$stylevar[imgdir_misc]/hdr_sub_rs.gif" width="93" height="18" alt="" /></td>
</tr>
</table>


<!-- end rogue header-->



<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#222222">
<tr>
<td align="left" valign="top" width="29" style="background-image:url($stylevar[imgdir_misc]/rogue_ls.gif) "><img src="$stylevar[imgdir_misc]/rogue_ls.gif" width="29" alt="" /></td>
<td>





<table border="0" width="100%" cellpadding="15" cellspacing="0" bgcolor="#222222">
<tr><td>
<!-- begin top rounded table area-->
<div id="round_top_main"><div id="round_top_ls"><img src="$stylevar[imgdir_misc]/ls_main_table_top.gif" alt="" /></div><div id="round_top_rs"><img src="$stylevar[imgdir_misc]/rs_main_table_top.gif" alt="" /></div></div>
<!-- content table -->
<table bgcolor="#1b1a1a" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>



$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

Right there at the top.

[Mahar]

Any help?

[Mahar]

Bump

[Lynne]

You really should ask for help with this from your style designer. He is using css classes to put the buttons on your navbar. So, you will have to first create a new button (graphic), then create a new class for that button, and then add the code to the navbar.