Graphical Menu's?

[Anonymous]

I want to make my menu graphical, instead of text, can this be done?

If so, i guess it would involve editing the php layers file to add an if switch or something to check if an image exists in a given directory..

Is there any other way to do this, and if not.. how would i go about editing phplayers (which file??)

- [maCe]

[mace]

(Whoops didnt log in :S)

[sjg]

I want to make my menu graphical, instead of text, can this be done?

If so, i guess it would involve editing the php layers file to add an if switch or something to check if an image exists in a given directory..

Is there any other way to do this, and if not.. how would i go about editing phplayers (which file??)

- [maCe]

Take a look at the CSS List Style Image and List Style Position properties (list-style-image: url(/blah/whatever) ). I'm not 100% sure that the PHP layers menu uses ULs for its menus, but bulletmenu does.
These will allow you to add a graphic to a text link, and, if you do it to the link, you can add rollovers, etc. For example:

Code: Select all

#menu a {text-decoration: none; padding-left: 15px; background: url(/uploads/images/off.gif) no-repeat 0px 50%;}

#menu a:hover {padding-left: 15px; background: url(/uploads/images/over.gif) no-repeat 0px 50%;}

#menu a.active {padding-left: 15px; background: url(/uploads/images/on.gif) no-repeat 0px 50%;}

#menu a.current {padding-left: 15px; background: url(/uploads/images/selected.gif) no-repeat 0px 50%;}

Another approach is to add a CSS background image to the link or to the LI containing the link. You could then use the Display:none property to prevent the text from displaying.

[ghostrifle]

Did someone test the proposed solution of sjg ??

[chris_e]

because this is just html and css basically, it should work. there's a few sites on the web that deal with css-styled list menus. it's easy to implement (just as sjg wrote here).

a good start would be http://www.projectseven.com/tutorials/css/uberlinks/