Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Altering My Navigation Bar

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:

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?


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 at the main navigation bar.

Kind regards
Lennart Sauter
Forum Admin
Hmm, I have no idea how to use javascript - is it hard to learn?
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.
Forum Admin
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?
Register (for free) to hide the ads.
Postbit template should do the job Smile
Forum Admin
Well I am having trouble figuring this out how to do this Sad

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:

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

Anyone willing to give me some tips to get started? Please?
The javascript code should be placed inside the "headerinclude" template Smile
If you need to alter the HTML of your buttons you should find them, depending on your theme, in the "header" template.
Forum Admin
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 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 Sad

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.......
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
Forum Admin
Register (for free) to hide the ads.

Forum Jump:

Users browsing this thread: 1 Guest(s)