Adding different images/icons to menu items

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
9/2/2009 4:01:24 PM
aquakitty
Gravatar
Total Posts 34
View Posts

Adding different images/icons to menu items

Hi, need a tip on how to add custom images to my menu items. Is it possible to create a different image for each item? How would I go about this? Thanks.

9/2/2009 4:05:48 PM
aquakitty
Gravatar
Total Posts 34
View Posts

Re: Adding different images/icons to menu items

Ok I finally unearthed a good post on it ( http://www.mojoportal.com/Forums/Thread.aspx?pageid=5&mid=34&ItemID=4&thread=2824&postid=12578) .. just one question. How is the feature instance icon being displayed? Like, how do I pick if I want an icon named home.gif or randomimage.gif?

9/3/2009 5:13:31 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Adding different images/icons to menu items

Hi,

The skins that don't show the page icons have this to suppress them in the stylemenu.css

div.AspNet-Menu-Horizontal ul.AspNet-Menu li img { display:none; }

and they have this usually in stylelayout.css

.logolist {display:none; }

If you remove that the you will see a dropdown list in pagesettings where you can pick the icon.

Hope it helps,

Joe

9/3/2009 5:24:42 PM
aquakitty
Gravatar
Total Posts 34
View Posts

Re: Adding different images/icons to menu items

Hi, removed those settings already but I see no dropdown like I do in the jsavard skin, though the logo image selector did appear, no drop down has appeared in the individual page settings, is there something else I am missing?

9/4/2009 4:51:52 AM
aquakitty
Gravatar
Total Posts 34
View Posts

Re: Adding different images/icons to menu items

I managed to do it on the skin I'm using by just editing the menu image names directly in the database, but I have a little problem, the rendermenutext selector works, but I need the text to render for the top menu. Any way to delete the text for particular menu? (I have been using the horizonal menus from andreasviklund skin)

 

This is the CSS I am changing to change the text on the second menu

 

 div.AspNet-Menu-Horizontal ul li a.AspNet-Menu

9/4/2009 5:43:28 PM
aquakitty
Gravatar
Total Posts 34
View Posts

Re: Adding different images/icons to menu items

So I take it theres no way around?

 

I have tried to place the text below the images as well, but I don't seem to be able to do this with CSS. Anyone had success placing menu text below images?

 

Cheers.

9/4/2009 7:55:32 PM
Joe Davis
Gravatar
Total Posts 2253
View Posts

Re: Adding different images/icons to menu items

Is your site publicly accessible? If so, would you mind sending me a user/pass? I might be able to help. My email address is joe (at) i7media (.) net

-Joe D.

You must sign in to post in the forums. This thread is closed to new posts.