Coding for rollover effect/navigationbar

OK - I've created a header Navigation bar for my Serenity style. I'd like help on coding it if that's possible. Below is the code that I'm using now, but I'm sure it's not as "eloquent" as can be.

I'd also like to have it that on mousescroll the image changes to say navbar_xxxx1.gif - I suppose it's a rollover effect.

Please help AND Thanx!

Jacquii.

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Poetry in Color Forum

mouse-label.jpg

to have it say something when the mouse goes over it - puting the mouse over the logo here ( which is a link will show GFXstyles which the alt tag is set at ) , and also an xml thing an alt="" is needed in the image .

just one - with the highlighting of the changes / example : also added a / to the end of the image - xml thing again .

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

if you wish to have a rollover - where the image changes - ask and will get it - need to images for this to work .

re wrote it ( took a guess from the image names - can change them to any thing you wish :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Thanx KENJ - I actually mean like hover links - like when mouse rollover the "Main Forum" link - the text will change color (another image...) --- I think it's done by using .css - but I'm not exactly sure of how to code it.

Is this something that you may know of? I notice on the gScale xl skin - there's navbar links with similar effect.

Thanx for your help!

Jacquii.

there are 2 ways to do the roll overs - both work , we use the one with the j/script . find it easyer than the one with css - both work - about the same amount of code .

here is how the one with the j/scrip is setup / used / installed here :
Will be using examples / code and images from the sBeach style .
( added rollovers to the newthread and reply buttons for the sBeach style also )

the main script for this to work we add to the top of the header template .
it could be at the top of the navbar providing the navbar is present when the rollover is needed .

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

ways this can be written , depending on what you need .
image sizes - i personaly dont' use them, but can be included - just the right code is a must .

1. in a table :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Dark Green is the link - other options line target="_blank" can be used or other options like the logout script .

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

and

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Red is the image/ identifyer name - different for each image/ roll over use .
in the sbeach we used something like ; newthread and newthread1 , one top , one bottom .

Blue are the 2 images ; we use just a name and then the name_on - as long as you know the differance , names are no problem .

in <div tags or a single <td they are written the same , just need to be next to one another or a space will occure . one big long line of code .

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

in a drop down - using a table is best but will also work with out .

in <td s' :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

bold underline is the id for the drop down menu .
blod indigo - the ,1 is to remove the image .

for a <div or span : only one per <div or span .. . - and add others befor or after a <span , <div would stack them .

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

copy and just replace - i do it
make life simple for yourself .

need more help or ?? . - just ask

Beautiful KENJ! You are a STAR!
Thanx very much for your help and your sharing!

Jacquii.

thanks you

i find it fun to code styles - will share what i know to help out .

Originally Posted by MadamJac

Beautiful KENJ! You are a STAR!
Thanx very much for your help and your sharing!

Jacquii.