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
Gravatar
Total Posts 34

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
Gravatar
Total Posts 34

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
Gravatar
Total Posts 18439

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
Gravatar
Total Posts 34

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
Gravatar
Total Posts 34

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
Gravatar
Total Posts 34

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
Gravatar
Total Posts 2188

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.