/    Sign up×
Community /Pin to ProfileBookmark

JavaScript menu with transparent images (round corners)

Copy linkTweet thisAlerts:
Sep 03.2006

Hello everyone,

I’m coding a XHTML template which I previously designed in Photoshop for my upcoming website, but I’m stuck in the menu. I can’t find any script that works. ?

I’m designing my whole site using XHTML Transitional and CSS, so I wrote an unordered list for my menu, but I want to turn it into something like this (see attached image) using JavaScript.

Does anyone know of any script that can serve this purpose? If there isn’t any, would it be so hard to code one? I hope anyone can help me, I don’t know what to do. ?

[url]www.ilounge.com[/url] seems to have what I’m looking for, but I can’t find the code for the menu anywhere.

[img]http://img65.imageshack.us/img65/6169/menubx6.jpg[/img]

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@CrazyMerlinSep 03.2006 — with a little exploring, you will find that the submenu options are actually set on this background:

http://www.ilounge.com/images/navigation/subnav-bar.gif

it is a simple image that expands as necessary when text is inserted into it, so that they all become the same length as the longest sub-menu item length.

all styling should be done using css or javascript controlled style properties.

if you are interested, here is there style sheet:

http://www.ilounge.com/index.php?css=ilounge/main_css
Copy linkTweet thisAlerts:
@Mark_G2authorSep 03.2006 — Thanks for replying. I've found out that the JavaScript menu code is at the bottom of the page' source code. But they have removed the format, so it's a real pain to read it. ?

Is there any simpler code for this menu?
×

Success!

Help @Mark_G2 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 5.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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