Custom Navbar with mouseover image link buttons

[Alan2525]

Hi,

I'm new to vbadvanced cms but am already seeing the benefits having moved over from a static html site!

I'm trying to make some custom navigation and ideally would like to remove the default navbar and replace it with a bar that uses my own custom navigation buttons, with a mouseover effect. I'd also like the site to preload the images for the button rollover effects. I can use dreamweaver and fireworks to design the buttons...the tricky part (for me) is changing the look of the vbulletin navbar...

Is there a simple way to do this? Ideally i would like a free skin which uses rollover buttons and then simply swap the default images for my own images. I'd prefer to use text for the button link text and just use the images for the button background.

I would only need basic navigation on the navbar - Home, Gallery, Forums, FAQ, New Posts, Log Off. Other links could be placed on the vertical Menu on the left hand column.

My website url is:

www.battlefield40k.com/forums/index.php

Thanks in advance for the help!!

Regards,

Alan

[Brian]

I'm not sure I understand what the problem you're having here is. For the most part it should just be some simple HTML modifications to your 'navbar' template unless there's something I'm missing here...

[KW802]

Alan2525,

You lost me on the part about wanting a free skin for the buttons.... do you mean you're looking for a free skin that does this so you can use it for reference or something else?

[Alan2525]

...do you mean you're looking for a free skin that does this so you can use it for reference or something else?

Yes I was looking at trying to find a skin that does what I want interms of the navigation mouseover images and then replace the images with my own.

[Alan2525]

Sorry I didn't realise I could modify the standard template with my own html...Doh...I've just added my own navigation links to the nav bar template.

I'll add additional links / pages as they are required.

My website is:

http://www.battlefield40k.com/forums/index.php

Thanks for your help :)

[JohnBee]

I created my own custom navbar with mousovers + menu drop downs.
If you want the basic script code model I used let me know I can post it here.

[Hyrel]

I created my own custom navbar with mousovers + menu drop downs.
If you want the basic script code model I used let me know I can post it here.

I'd be be really interested in it. I need to do my nav bar but I'm really afarid that I'll mess up something.

[JohnBee]

lol normally I would say backup (download) your template and hack away.
but today proved a lesson learned in getting to frisky with modifications ;)


Still I think a navbar edit is pretty safe.

What I did to work through it was get to my navbar template copied the entire
thing and saved it as a .txt file. The I did my thing, in many cases I had to roll
back a few steps, using Dreamveaver I set my history to 100 steps and this
ensures me that I can rollback and restore my navbar in the advent of some bad
edits.

Anyways if you get setup I will post a default navbar complete with mouseovers
and necessary scripting for customization.

[Hyrel]

I'm about to start toying with it now. I think what I really want to do is leave the forum nav bar the way it is and add another for the website right below my logo. In theory I think I know what to do but I'm sure. I'm going to try adding the code in my header below where the logo link is...see what damage that does.

[mholtum]

if you beef a template, just revert it.