/    Sign up×
Community /Pin to ProfileBookmark

I am really sorry but i need help with this script i ask before !

Copy linkTweet thisAlerts:
Jun 20.2003

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 .

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@KaisaauthorJun 21.2003 — 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)
Copy linkTweet thisAlerts:
@DaveSWJun 21.2003 — 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="something.htm">&amp;nbsp;&amp;nbsp;&amp;nbsp;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...
Copy linkTweet thisAlerts:
@DaveSWJun 21.2003 — Can't find anything on adding sound I'm afraid...
Copy linkTweet thisAlerts:
@KaisaauthorJun 22.2003 — Sure and i think you cna do it with the javascript function called function name(){} but i still haven't tryed it yet
Copy linkTweet thisAlerts:
@gizmoJun 22.2003 — Dave, if you type &amp;amp;nbsp; you get the effect you want. ?
Copy linkTweet thisAlerts:
@KaisaauthorJun 23.2003 — [i]Originally posted by gizmo [/i]

[B]Dave, if you type &amp;amp;nbsp; you get the effect you want. ? [/B][/QUOTE] What do those do ?
Copy linkTweet thisAlerts:
@DaveSWJun 23.2003 — 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.
×

Success!

Help @Kaisa spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...