Thread: Images for horizontal nav

How can I replace the horizontal nav text with images in V8?

help!

Thanks

I haven't actually tried this, but I believe this will work. In v8, the top menu is controlled/displayed using menudata.xml file, it is located in {root}/skins/skin_# folder. Every menu is populated using a parser token, (!menu.Categories!) for example. You can just set the string resource menu.categories to " " (no quotes...that is two spaces). There will be no text that displays and you'll be able to use your image with no overlapping text.

Check out the .TopMenuItem class in style.css file also.

You could always have the text there and then make it transparent and use a background image, all can be done through your CSS file. This should work just fine for what you need.

It's actually easier than that. Those string resources parse html code. Instead of typing in "My Category" and leaving it at that, go ahead and spruce it up however you'd like:

Code:

<img src="/images/foo.jpg" alt="Funky Mouseover Text"/>My Category