Page 1 of 1
Graphical Menu's?
Posted: Tue Feb 15, 2005 6:44 am
by 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]
Graphical Menu's?
Posted: Tue Feb 15, 2005 6:45 am
by mace
(Whoops didnt log in :S)
Re: Graphical Menu's?
Posted: Tue Feb 15, 2005 7:04 pm
by sjg
Anonymous wrote: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.
Re: Graphical Menu's?
Posted: Thu Mar 03, 2005 10:27 pm
by ghostrifle
Did someone test the proposed solution of sjg ??
Re: Graphical Menu's?
Posted: Mon Mar 07, 2005 1:35 pm
by 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/