Page 1 of 1

How to Question: image buttons for menu?

Posted: Thu Oct 12, 2006 3:14 pm
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...

Re: How to Question: image buttons for menu?

Posted: Thu Oct 12, 2006 3:33 pm
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

Re: How to Question: image buttons for menu?

Posted: Thu Oct 12, 2006 4:07 pm
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.