Altering My Navigation Bar

[Disciple of Nagash]

Hi,

I am wondering if anyone knows how to do this.

Currently I have a nav bar at the top of my forum: www.vampirecounts .net

It’s a relatively simple affair, with the layout and background created in the global.css and the content in the header template.

However I want to modify it in a certain way, and I am not sure how.

Currently when you hover over an option a little box comes up on the mouse with the description, entered by me in the template for example:

Code:

You are not allowed to see code.

However what I would like to do for the future, is when you hover over an option, a description fades / scrolls in above the nav bar, a description that I can edit of course. Does anyone have any idea how this could be done?

Cheers

DoN

[Lennart]

If something fades in or does pop up you usually need javascript.

You can check a nice fading effect I made using jQuery (javascript library) at Zaiendo.de at the main navigation bar.

Kind regards
Lennart Sauter

[Disciple of Nagash]

Hmm, I have no idea how to use javascript - is it hard to learn?

[Lennart]

Not harder then any other language...

I think there are plenty of tutorials for JS-menus in the web so you might find what you are looking for very fast.

[Disciple of Nagash]

Cheers I will have a look.

Also, if I wanted to change the new reply button or other similar buttons in a thread when the mouse hovered over it, would you know what template I needed to edit and what code?

[Lennart]

Postbit template should do the job

[Disciple of Nagash]

Well I am having trouble figuring this out how to do this

All the javascripts seem to try and use html, so I am not sure where to edit in templates etc.

For example I was going to use the below so the buttons change on mouseover:

http://www.thesitewizard.com/archive/rollovers.shtml

But I can't figure out how to implement it.

Anyone willing to give me some tips to get started? Please?

[Lennart]

The javascript code should be placed inside the "headerinclude" template
If you need to alter the HTML of your buttons you should find them, depending on your theme, in the "header" template.

[Disciple of Nagash]

Ok, so I found my headerinclude template, and thought I would do a test by seeing if I can change the send an email button to report button when hovering over.

So I put in this code:

You are not allowed to see php code.
Does that look about right? But it's still not working.......you mentioned about altering the HTML of the buttons in my header template. Looked in my header which contains:

You are not allowed to see php code.
Nothing to do with buttons that I can see

What should I be doing next?

Oh and once this is figured out, I will write a tutorial on it, as I am sure others would like know how to do this.......

[Lennart]

Watch our for <navigation>.

I have to confirm that I am not the best when it comes to Javascript but the script above looks kinda freaky, no idea what it shall do.

Kind regards
Lennart Sauter