Hi There

Just ahead, I'm still a newbe in skinning - so please be patient :)

I was reading through the attributes of the solpartmenu token. I'd like to attach my own background images to each menu position (Passiv Active Hover). I'm wondering, if this is possible.

Someone allready used Images in the solpartmenu?

Greetings Mike

Nina,

What kind of misbehavior in firefox?  For the life of me I cannot get firefox to show my menu hover graphics even though my coding works perfectly in internet explorer.  I have studied other people's skins that do work in both firefox and IE....  compared it to my code... and I can see no discernable difference to why theirs works in both browsers but mine does not.  Per code below, the "idle" and "active" graphics show properly in firefox but the "hover" does not show!

I included these values in my solpart menu:

            rootmenuitemcssclass="MainMenu_Idle"
            rootmenuitemactivecssclass="MainMenu_Active"
            rootmenuitemselectedcssclass="MainMenu_Selected"
            rootmenuitembreadcrumbcssclass="MainMenu_BreadcrumbActive"

I coded my CSS this way:

.MainMenu_Idle              { font: bold 11px Tahoma, Arial; color: #666; background:  url(nav_idle.gif) no-repeat; padding: 0px; height: 20px; font-weight: bold; }

.MainMenu_Selected          { font: bold 11px Tahoma, Arial; color: #666; background:  url(nav_hover.gif) no-repeat; padding: 0px; height: 20px; font-weight: bold; }

.MainMenu_Active,
.MainMenu_BreadcrumbActive  { font: normal bold 11px Tahoma, Arial; color: #666; background:  url(nav_active.gif) no-repeat; padding: 0; height: 20px; }

Isn't the "rootmenuselecteditemcssclass" the hover state?
Here is my full solpart coding:

<td class="MyMenuTD">
           <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU"
            menualignment="left"
            cleardefaults="true"
            separatecss="true"
            display="Vertical"
            MenuEffects-UseShadow="True"
            MenuEffects-MouseOverDisplay="Highlight"
            userootbreadcrumbarrow="false"
            usesubmenubreadcrumbarrow="false"
            menueffectsmenutransition="AlphaFade"
            menueffectsmenutransitionlength="10"
            menueffectsshadowstrength="1"
            rootmenuitemcssclass="MainMenu_Idle"
            rootmenuitemactivecssclass="MainMenu_Active"
            rootmenuitemselectedcssclass="MainMenu_Selected"
            rootmenuitembreadcrumbcssclass="MainMenu_BreadcrumbActive"
            rootmenuitemlefthtml="&nbsp;&nbsp;&nbsp;"
            rootmenuitemrighthtml=""
            /><br>            
</td>

******************************************
Now here are my CSS skin settings for the menu...

.myMenuTD td        { font: bold 11px Arial, Tahoma; color: Green; }

/* Menu Settings */

/*-- box that holds the menu  --*/
.MainMenu_MenuContainer     { width: 163px; background-color: transparent; }

/*-- bar that holds the menu  --*/
.MainMenu_MenuBar           { width: 163px; cursor: pointer; cursor: hand; }

/* -- submenu container        --*/
.ModuleTitle_SubMenu,
.MainMenu_SubMenu           { width: 163px; background: #EEE; margin: 0 0 0 1px; padding: 0px; border: 1px solid #777777; font: bold 11px Tahoma, Arial; z-index: 1000; cursor: hand; filter: none; }

/* -- submenu items no hover      --*/
.ModuleTitle_MenuItem,
.MainMenu_MenuItem          { width: 163px; font: bold 11px Tahoma, Arial; border: 0; color: #666; padding: 0px; height: 20px; }

/* -- submenu items hover      --*/
.ModuleTitle_MenuItemSel,
.MainMenu_MenuItemSel       { cursor: pointer; cursor: hand; font: bold 11px Tahoma, Arial; border: 0; color: #666; padding: 0px; height: 20px; background: #DDD; }

/*-- menuitems idle           --*/
.MainMenu_Idle              { font: bold 11px Tahoma, Arial; color: #666; background: url(nav_idle.gif) no-repeat; padding: 0px; height: 20px; }

/*-- menuitems over          --*/
.MainMenu_Selected          { font: bold 11px Tahoma, Arial; color: #666; background: url(nav_hover.gif) no-repeat; padding: 0px; height: 20px; }

/*-- menuitems active         --*/
.MainMenu_Active,
.MainMenu_BreadcrumbActive  { font: bold 11px Tahoma, Arial; color: #666; background: url(nav_active.gif) no-repeat; padding: 0px; height: 20px; }

.MainMenuSeperator,
.MainMenu_RootMenuArrow,
.MainMenu_MenuIcon,
.MainMenu_MenuBreak,
.MainMenu_MenuArrow         { display: none; }