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 . 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 :
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 .
Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.
and
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 .
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' :
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 .
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
