Menu Icons with Artisteer Skin

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.
8/24/2010 1:48:40 AM
TJ
Gravatar
Total Posts 19

Menu Icons with Artisteer Skin

I'm wondering if it might be possible to use menu icons with an Artisteer skin - similar to the jsavard's skins?

I am working with the artisteer-24verticalmenu2 skin and have enabled the Menu Icon option under page settings by removing .pageicons in css, but of course the icons are not appearing in my menu.

Has anyone ever gotten the menu icons working with artisteer skins?

Any help would be greatly appreciated.

 

T J

8/24/2010 11:43:09 AM
Gravatar
Total Posts 18444

Re: Menu Icons with Artisteer Skin

Hi,

I will look into making this possible in the next release of mojoPortal, but I will add css to hide them by default in the menu because it can throw off the design to put images there, so it may need css tweaks to make it work well.

Best,

Joe

8/25/2010 11:28:00 PM
TJ
Gravatar
Total Posts 19

Re: Menu Icons with Artisteer Skin

Hi Joe,

This is awesome!  I think it will be cool to be able to add in some icons with the menu.

I really appreciate your time.

Thanks,

T J

8/26/2010 7:25:42 AM
Gravatar
Total Posts 18444

Re: Menu Icons with Artisteer Skin

Hi TJ,

Many thanks for the beers. fyi, if you are working with source code from the repository, this is already implemented, otherwise you can expect it in the next release. 

In order to prevent it from showing the images by default, I've added this to the stylemojo.css for each of the included Artisteer skins in /Data/skins.

.art-menu .t img { display:none;}
.art-vmenu .t img { display:none; }

you will need to remove that display:none; and you may need to apply other setting like display:inline; padding etc to make the images align as you would like since the Artisteer design does not expect images there. Artisteer uses a set of spans around the menu links which are inline elements, and technically you're not supposed to have block elements like img inside of inline elements like span, but it is correct/ok if you set the img to display:inline since that changes it from a block element to an inline element.

Best,

Joe

8/30/2010 1:17:44 PM
TJ
Gravatar
Total Posts 19

Re: Menu Icons with Artisteer Skin

Thanks, Joe!

 

I can't wait to try it out. 

 

TJ

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