View Single Post
Santai's Avatar
Santai
3ts'
Join Date: Mar 2006 Age: 52 Location: USA - tn Posts: 6,553 Blog Entries: 6 Santai is a splendid one to beholdSantai is a splendid one to beholdSantai is a splendid one to beholdSantai is a splendid one to beholdSantai is a splendid one to beholdSantai is a splendid one to behold Send a message via MSN to Santai Send a message via Yahoo to Santai Send a message via Skype™ to Santai Santai is offline
January 24th, 2007, 07:51 AM
Default Re: Coding for rollover effect/navigationbar

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

Kenj
a certain amount of common sense is necessary to survive in this world !
insanity leaves you no restrictions !
// support is available via the forums, post the apparent discrepancy or help needed . \\
donations appreciated
  Reply With Quote top of post top of page