PDA

View Full Version : Adding buttons to Navbar


Deadly Assassin
02-02-2007, 06:33 PM
How do i add buttons to the navbar on my forum?

What do i need to edit to add a button in next to the usercp button.

thanks in advance :)

TMXS
02-02-2007, 07:55 PM
Go to Styles & Templates --> Style Manager --> Edit Templates --> Navigation / Breadcrumb Templates --> Navbar --> Add wherever you need to:

<td class="vbmenu_control"><a href="buttonurl.html">Button Name</a></td>

Deadly Assassin
02-03-2007, 02:02 AM
Thankyou very much, but i cant seem to find where the original set of buttons are.

this is my Navbar template, i did a search for one of the buttons but nothing came up.

<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>
<!-- / PAGENAV POPUP -->
</if>
$usermoods
<!-- 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"><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_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="$bbuserinfo['userid']">

<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<if condition="$bbuserinfo['pmunread']">
<a href="private.php?"><img src="$stylevar[imgdir_misc]/newpm.gif" width="22" height="10" alt="" border="0" /></a>
</if>
<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>
</div>
</td>

<else />

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

<br />
<!-- login form -->
<form action="login.php" 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"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont">$vbphrase[username]</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">$vbphrase[password]</td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" 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 -->

</td>

</if>

</tr>
</table>

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

<!-- 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 -->
<div class="spacer"></div>

<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['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="hidden" name="quicksearch" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<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_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]:</a></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>
</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=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>
<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_q]">$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_q]">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]">$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_q]">$vbphrase[whos_online]</a></td></tr></if>

</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>
</if>

Dismounted
02-03-2007, 04:01 AM
What style are you using? It may be in your Header template.

Deadly Assassin
02-03-2007, 08:55 AM
Ahhh yes, ithink i have found it, but the code above does not match what is already there for the existing buttons.
Please could you show me the code i would need. and where abouts to put it below.

Thanks

<!-- begin ambience header-->
<div align="center">
<table bgcolor="#f7f7f7" width="755" border="0" align="center" cellpadding="0" cellspacing="0" class="border">
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="477" height="150" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="477" height="150" alt="" /></td>
<td width="100%" height="150" align="center" valign="top"><img src="$stylevar[imgdir_misc]/header_top_mid.jpg" width="100%" height="150" alt="" /></td>
<td width="323" height="150" align="right" valign="top"><img src="$stylevar[imgdir_misc]/header_top_rs.jpg" width="323" height="150" alt="" /></td>
<td width="100%" height="159" align="right" valign="top"
</tr>
</table>
<table bgcolor="#f7f7f7" width="100%" border="0" cellpadding="0" cellspacing="0" style="background-image: url(ambience/misc/ambience_nav_x.gif)">
<tr>
<td align="center" valign="top">
<table width="10%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="51" height="25" align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img src="$stylevar[imgdir_misc]/ambience_nav_home.gif" alt="" width="51" height="25" border="0" /></a></td>
<td width="62" height="25" align="left" valign="top"><a href="usercp.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/ambience_nav_cp.gif" alt="" width="62" height="25" border="0" /></a></td>
<if condition="$show['registerbutton']">
<td width="65" height="25" align="left" valign="top"><a href="register.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/ambience_nav_reg.gif" alt="" width="65" height="25" border="0" /></a></td>
<else />
<td width="65" height="25" align="left" valign="top" id="usercptools"><a href="$show[nojs_link]#usercptools"><img src="$stylevar[imgdir_misc]/q_links.gif" alt="" width="65" height="25" border="0" /></a><script type="text/javascript"> vbmenu_register("usercptools" ,1); </script></td>
</if>
<td width="60" height="25" align="left" valign="top"><a href="memberlist.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/ambience_nav_members.gif" alt="" width="60" height="25" border="0" /></a></td>
<td width="69" height="25" align="left" valign="top"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/ambience_nav_calendar.gif" alt="" width="69" height="25" border="0" /></a></td>
<td width="57" height="25" align="left" valign="top" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img src="$stylevar[imgdir_misc]/ambience_nav_search.gif" alt="" width="57" height="25" border="0" /></a><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></td>
<td width="42" height="25" align="left" valign="top"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/ambience_nav_faq.gif" alt="" width="42" height="25" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end ambience header-->

<!-- begin main inner table area-->
<table border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#F7F7F7">
<tr><td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EDEDED">
<tr>
<td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/ls_main_table_top.gif" width="12" height="8" alt="" /></td>
<td width="100%" align="left" valign="top"><img src="$stylevar[imgdir_misc]/expand_main_table.gif" width="100%" height="8" alt="" /></td>
<td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/rs_main_table_top.gif" width="12" height="8" alt="" /></td>
</tr>
</table>
<!-- content table -->
<table bgcolor="#ededed" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

$spacer_open

$_phpinclude_output