Back to vBulletin 3.6 Template Modifications

vBAdvanced Cleaner Site Navigation Module - CSS Driven Rollovers
Mod Version: 1.00, by ()

This modification is in the archives.
vB Version: 3.6.5 Rating: (5 votes - 5.00 average) Installs: 65
Released: 10 Mar 2007 Last Update: Never Downloads: 526
Not Supported Template Edits  

vBAdvanced Cleaner Site Navigation Module - CSS Driven Rollovers

What's new: Releasing the 3.5 version of this for 3.6.x.

What it does: Replace your default vBAdvanced navigation pane with a cross-browser, CSS driven rollover menu.

Time to install: 10 Minutes
Tested: IE, Firefox, Maxthon, Opera
Difficulty: Easy
Templates: 2
CSS Edit: 1
Demo: http://www.sevenstring.org

I wasn't happy with the stock look of the vBAdvanced portal navigation. It's very plain, and I personally like rollovers (if done properly) for adding a little bit of organic movement to static pages.

Here's the default CMPS on the left, and my module on the right. The screenshots don't really do it justice, for the full effect check out my website linked above. I am using it both for navigation and for the "Artist Reviews & Interviews" portal templates.

Default: This Mod:

Step 1: Create the New Module

AdminCP -> vBA CMPS -> Add Module -> Template

Module Title: Site Navigation
Column: Left Column
Display Order: 1
Active: Yes
Update All Pages: Yes
Template to Include: (adv_portal)clean_nav
Style: (Your style)

Template content is as follows:

Code:
<tr><td class="alt1"><table border="0" width="165" class="portalnav">
<tr><td bgcolor="#444444" width="100%" onclick="window.location='http://www.youdomain.tld/forum/link.php'" style="cursor:pointer; background-color:#444444" onmouseover="this.style.backgroundColor='#555555';" onmouseout="this.style.backgroundColor='#444444';"><span class="portalnav">Link Description</span></td></tr>
</table></td></tr>
This is the WHOLE template. For each link you want to add, you will need to add the following line BEFORE the closing </table></td>, and edit it to the URL and description of the option that you are linking:

Code:
<tr><td bgcolor="#444444" width="100%" onclick="window.location='http://www.youdomain.tld/forum/link.php'" style="cursor:pointer; background-color:#444444" onmouseover="this.style.backgroundColor='#555555';" onmouseout="this.style.backgroundColor='#444444';"><span class="portalnav">Link Description</span></td></tr>
Use Module Shell Template: Yes
Usergroups: All set to yes

Other template edits:

In my example, #444444 is my ON color, and "#555555" is my OFF color. Change these to whatever you like. I also have a fixed table width in the initial table call, here:

Code:
width="165"
Edit that accordingly to match your layout.

Step two: CSS Definitions

ACP -> Styles & Templates -> Style Manager -> (Your Style) -> Main CSS

Scroll down to Additional CSS Definitions

At the bottom, Add:

Code:
.portalnav
{
color:#FFCC00;
font: bold 10px verdana;
Text-Decoration: none;
}
.portalnav a, .portalnav a:link, .portalnav a:visited, .portalnav a:hover, .portalnav a:active {
text-decoration:none;
color: #FFCC00;
font: bold 10px verdana;
 }
This is for the same font and color in my demo. Change the #FFCC00 to your desired color, and edit your font CSS as desired.

Step 3: Disable your old navigation block.

ACP -> vBA CMPS -> Edit Modules -> Site Navigation

Set "Active" to No. Keep in mind that you'll have two modules named Site Navigation now, so make sure you disable the non-template driven, default module and not the one you just created.

Download

This modification is archived, downloads are still allowed.

File Type: %1$s fulltemplate.txt (3.6 KB, 282 downloads)
File Type: %1$s vba_cleannav.txt (3.3 KB, 257 downloads)

Screenshots

Click image for larger version
Name:	vbamod_updated.jpg
Views:	537
Size:	13.6 KB
ID:	61690  

Similar Mods

Forum Home Enhancements YUI! Site Navigation Module for VBA 3 RC2 vBulletin 3.6 Add-ons
vBA CMPS Cleaner Site Navigation - CSS Driven Rollovers vBulletin 3.5 Template Modifications
Miscellaneous Hacks vBadvanced - Site Checker Module vBulletin 3.6 Add-ons
Toplist Random Site vBadvanced Module vBulletin 3.5 Add-ons

vblts.ru supports vBulletin®, 2022-2024