How do you make a final fantasy type menu with CSS ? like have it where
it shows a arrow to the left of the link when ever the mouse it over the link and where it also make a noise when it is hovered over .I guess people don't know what i mean then or are tired of answering the same question and i am sorry if you are but i was wondering if this is if the right way
a.hover(Imagename)
a.hover(SoundName)Right
For the image you can do this:
css:
<STYLE TYPE="text/css"><!--A:link{text-decoration:none;} A:hover{background-image:url("arrow.gif"); background-repeat:no-repeat; background-position:left; }--></STYLE>
Link:
<DIV><A HREF=http://www.webdeveloper.com/forum/archive/index.php/"something.htm"> Menu item</A></DIV>
You need the non-breaking spaces to put a hole for the pic to go in. (put the & sign in front of the nbsp
I'm still experimenting with the sound.
PS: I've been thinking about doing this for a while. Thanks for prodding me along...Can't find anything on adding sound I'm afraid...Sure and i think you cna do it with the javascript function called function name(){} but i still haven't tryed it yetDave, if you type you get the effect you want.
Originally posted by gizmo
Dave, if you type you get the effect you want. What do those do ?Thanks gizmo. I can never remember that when I want it...
Kaisa - that's just to get it to display properly in the forum - it wipes it out otherwise!
I'll edit the original code to reflect that.
it shows a arrow to the left of the link when ever the mouse it over the link and where it also make a noise when it is hovered over .I guess people don't know what i mean then or are tired of answering the same question and i am sorry if you are but i was wondering if this is if the right way
a.hover(Imagename)
a.hover(SoundName)Right
For the image you can do this:
css:
<STYLE TYPE="text/css"><!--A:link{text-decoration:none;} A:hover{background-image:url("arrow.gif"); background-repeat:no-repeat; background-position:left; }--></STYLE>
Link:
<DIV><A HREF=http://www.webdeveloper.com/forum/archive/index.php/"something.htm"> Menu item</A></DIV>
You need the non-breaking spaces to put a hole for the pic to go in. (put the & sign in front of the nbsp
I'm still experimenting with the sound.
PS: I've been thinking about doing this for a while. Thanks for prodding me along...Can't find anything on adding sound I'm afraid...Sure and i think you cna do it with the javascript function called function name(){} but i still haven't tryed it yetDave, if you type you get the effect you want.
Originally posted by gizmo Dave, if you type you get the effect you want.
What do those do ?Thanks gizmo. I can never remember that when I want it...Kaisa - that's just to get it to display properly in the forum - it wipes it out otherwise!
I'll edit the original code to reflect that.