How to Question: image buttons for menu?

General project discussion. NOT for help questions.
Post Reply
angelo

How to Question: image buttons for menu?

Post by angelo »

I've had a graphic designer work on a site, and it's "good news / bad news" --

the good news is the site they designed looks great.

the bad news, they made the menu navigation as jpg buttons, complete with hover rollover alternative links (which stick in place if it's the active item).

I'm pretty sure this can be done with the multitude of stuff that's been added to the menu modules, and I've got the basica of an idea of how to do it, but I'm guessing this wheel has been invented before.

I would think that:

1) name all my image names consistently with something that will be unique to each page, e.g. the {pagename} var, so that I can GET it via img src={pagename}_off.jpg and the hover image as img src={pagename}_on.jpg

2) In the menu template, wrap the current menu output with img src="" tags as appropriate.

Am I close? Is there a working example of this already in existance?

Thanks much...
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: How to Question: image buttons for menu?

Post by tsw »

http://themes.cmsmadesimple.org/Image_menu.html (needs revising and I think it should be moved to wiki ;)

also mark has similar menus but cant remember the address, do a search on the forum

hope this helps
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to Question: image buttons for menu?

Post by Dr.CSS »

Go to http://multiintech.com/ and in the menu look thru Image Map Menus for samples of various ways to use images as nav.
Post Reply

Return to “General Discussion”