vB5 How To: Add a custom page to the navbar

This tutorial will help you to add a navbar link to a custom page that you have created using THESE instructions.

Firstly, make sure you are logged in as an Admin - so you can access Site Builder.

Then, switch Site Builder ON using the switch at the very top right of the screen.

Then, click "Navigation Bar" from the site builder menu.

...

This Tutorial is out of date and no longer valid.

Many vBulletin sites have historically used some sort of portal, or even the vB4 CMS, as their default "landing" page if you visit the root URL....www.mysite.com, with no /forum etc.

Currently in vB5 there is no CMS, and there is no portal addon such as vBAdvanced.

So what do you do?

Well, you could simply rewrite the root URL so it points to /forum, or wherever your forum actually is....

AS OF 5.1.3 THIS IS NO LONGER REQUIRED, SIGS HAVE A DIVIDING LINE BY DEFAULT

By default, vB5's signatures do not have a dividing line to separate them from the post they are under.

On longer posts this can make it difficult for users to distinguish where the post ends and the signature starts.

To add a dividing line that matches the general styling, add this to the template css_additional.css:

.post-signature {
    border-top: 1px dotted {vb:stylevar

...

One major thing that has been missing in vB5, has been the name of the forum in the Today's Posts / New Posts results. You are told the name of the topic, who started it, when it was started, who made the most recent post, etc...but you are not told what forum it's in.

For many, this is essential, as they only want to read threads in forums they are interested in.

Well, here's how to add this back in.

First, add this to the template css_additional.css
...

To make the vB5 default style "zoomable" on mobile devices:

Find this in the header template:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1" />

Change the "maximum-scale" value to a higher number, such as 3:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=3" />