How To Add Additional Links To Your Navbar

[bposner]

Originally Posted by Lynne

Do you see a template called 'navbar' under the Navigation /Breadcrumb templates? That is the template you need to modify for the navigation bar. If you have another style, it could be that they don't have the navigation in the navbar template. In that case, you need to figure out which template they put them in. To find the template, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code. Sometimes the template is the one mentioned at the very top of the page source.

Thank you so much for your time and patience. I foujnd all I need, and want to simply add a link to the full forum display that is now hidden by a logo. So (not know all the variables in this system) want to take this code below and simple have it display the forum list, or forum home with the user clicks. Rather than just building a link www.mysite.com/forum I'm sure there is a command to display the forum, yes?

Here the simple code:

<if condition="$show['member']">
<td><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>



I guess I just need to know what the $show command would be and where to put the actual displayed link.

Thank you!!!!

[Lynne]

You don't want to use that condition around the link. You just want a link - try this where you want it:

<td class="vbmenu_control"><a href="$vboptions[homeurl]?$session[sessionurl]">Home</a></td>

In place of Home, you could put $vboptions[bbtitle] to have your forum title in it's place.

[bposner]

Thank you very much.. appreciate the time... It's a learning curve. I use to work on forums many years ago with dial-in BBS Before internet. Same concept, just not use to php.
Thanks a bunch.

[belindazhu]

Originally Posted by peterska2

There is one thing that you never seem to have enough of with a modified vBulletin site, and that is navbar space. This article covers how to add additional links to your navbar both on your regular one, and adding another row to it to stop it getting too busy. Also included in this article is showing and hiding links for guests and members.

Part One: Adding Links To Your Standard Navbar

Scenario used: You have a HTML page on your site with a map to the location of a regular meeting place for people from your site. You need to add the link to this page to your navbar for easy access by your visitors. This page is located at yoursite.com/map.html

To add a link to the additional page (it can be a page within vB or not even on your site) you need to use the following code:

<td class="vbmenu_control"><a href="http://yoursite.com/map.html" target="_blank">Map</a></td>

This code contains 4 important aspects.

<td class="vbmenu_control">

This tells you how the link will be displayed. Navbar links use the vbmenu_control class as defined in your CSS so they will always be in this format (Note: Some styles use different formats depending on the level of customization that has been carried out).

<a href="http://yoursite.com/map.html"

This tells us where the link is going to. You can link to a page anywhere on the internet by using this format. If the page you are linking to is in the same directory as your forums then you only need to use the page name, in this case map.html

target="_blank"

This tells your browser to open the link in a new window. If you want it to open in the same window then you simply miss this code out.

Map</a></td>

This displays the title of the link that will be displayed and also ends the link code and section in the navbar.


The best place to add the code for your additional link, is either immediately before or after the link to the calendar

<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>

Part Two: Creating Another Row In Your Navbar

If you have a number of modifications installed that have required additional links on your navbar, it quickly becomes very full. Now you can install a modification to add another navbar to your site, or you can simply create another row in your existing one.

When adding another row, it is important that you use a new table, otherwise your links will be forced into alignment with those on the top row, leaving an unsightly gap at the right side of the row.

In your navbar template, locate the following code:

<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[log_out]</a></td>
        </if>
    </tr>
    </table>

and add below

<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"><a href="index.php">Sample Link</a></td>
</tr>
</table>

Now you have set up your extra row, you can start adding links to it.

First remove the Sample link from the code above by deleting that line from the template. Then using the method from Part One, add your new links to this row. You can move links from the top row by cutting and pasting them into the new row.


Part Three: Showing Links To Guests Or Members Only

There are some things that you really don't want guests to know about. After all, what is the point of showing a guest the link to the usercp when all they will get is a no permissions message? So what can you do about it? Wrapping the whole code for the link in an if conditional will only show the link to those who meet the criteria set.

To show a link to members only use:

<if condition="$show[member]">[high]link code from part one[/high]</if>

This literally means what it says. If you are a member, then show the link.

The same works for guests:

<if condition="$show[guest]">[high]link code from part one[/high]</if>

Using these two conditions, you can show and hide links to guests and members. Any links that do not use a condition will always show.



I hope that this helps with managing links on your navbar better. Feel free to ask any questions related to this.

thanks, reserved.

[ilrglen]

Here's an interesting problem. What does a guy do when he apparently hits the character limit when adding links? I have a lot on my site and I've pretty much deleted every tab and comment in my navbar to make more room. Any suggestions?

[Hawk7173]

I've used this....

<!-- Navbar Links -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:1px">
<tr align = "center" >
<td class="vbmenu_control"><if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/showthread.php?p=494101#post494101">Advertise</a></td></if>

<td class="vbmenu_control"><if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/forumdisplay.php?f=168">Please
Visit Our Sponsors Here</a></td></if>

<td class="vbmenu_control"><if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/showthread.php?t=75674">Make a Donation Here </a></td></if>

</tr>
</table>
</div>
<!-- / Navbar Links -->


And the links in the navbar don't showup centered properly. I tried adding spaces, but this resulted in a line showing to the left of the link where the spaces are when hovering over the link.

I need to be able to set the links in their proper position.

[Lynne]

Your html is totally incorrect. For every <td>, you need a </td>. And, you don't put <td> inside another <td> which is what you are doing.

[Hawk7173]

I changed it to this and it still does the same thing.

<!-- Navbar Links -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:1px">
<tr align = "center" >
<if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/showthread.php?p=494101#post494101">Advertise</a></td></if>

<if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/forumdisplay.php?f=168">Please
Visit Our Sponsors Here</a></td></if>

<if condition="$show['member']">
<td class="vbmenu_control"><a href="http://m14tfl.com/upload/showthread.php?t=75674">Make a Donation Here</a></td></if>

</tr>
</table>
</div>
<!-- / Navbar Links -->

[Lynne]

You are never going to get them perfectly centered unless you apply something to set the width of the columns and then center the words in those columns. All three of those links only show to members, so why not have the whole table in the condition and then set the width of each column to 33% and center the text in each column?

[Hawk7173]

sounds like a plan..... I'll have to do some hunting in order to figure out how to do the column widths as I'm fairly new to html. Unless you'd be gracious enough to give me an example?

--------------- Added [DATE]1255215055[/DATE] at [TIME]1255215055[/TIME] ---------------

I figured out how to size the columns. Thank you for your help!!!!