Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Solpartmenu mouseover problem to dnn 3.1 from 3.2Solpartmenu mouseover problem to dnn 3.1 from 3.2
Previous
 
Next
New Post
1/19/2006 7:11 AM
 
Hi, I have a problem with a skin, in dnn 3.2.2 (and 3.2.1) display a gray border around the image of the solpartmenu, but i have not set border and, the same skin work correctly in dnn 3.1..

here an exemple of the problem:

this is the normal position of the menu:


this is a "mouseover" on the "Help!" tab


and this is an "onclick" on the "Help!" tab


this is the code that i use in solpartmenu (i have not created this css..):

/* Main Menu */
#cMainMenu { position:absolute; width:143px; height:100%; z-index:1001; left: -26px; top: 0px;}
.cDivContainer { position: relative; width:40px; border:5px; left: 0px; top:0px; z-index: 1000;}
.MainMenu_MenuContainer { border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.MainMenu_MenuBar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: hand; cursor: hand; background-color: Transparent;}
.MainMenu_MenuItemSel { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #666666; background-color: #FFFFFF;}
.MainMenu_MenuItem { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #666666;}
.MainMenu_SubMenu { border:solid #cccccc 1px; height: 25px; margin: 2px 5px 0px 0px; padding: 0px 0px 0px 0px; cursor: hand; cursor: hand; z-index: 1000; background-color: #FFFFFF;}
.MainMenu_MenuBreak { width:auto; border-width:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.MainMenu_TabRootMenuItem TD { height: 48px; width:143px; border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #666666; background-image: url(btnNavActive.jpg); background-repeat: no-repeat;}
.MainMenu_TabRootMenuItemSel TD { height: 48px; width:143px; border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url(btnNavOver.jpg); background-repeat: no-repeat;}
.MainMenu_TabMenuItemHover TD { height: 48px; width:143px; border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FF9900; background-image: url(btnNavActiveOver.jpg); background-repeat: no-repeat;}
.MainMenu_TabMenuItemSelHover TD { height: 48px; width:143px; border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url(btnNavOver.jpg); background-repeat: no-repeat;}

.SubMenu_TabMenuItemSelHover { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #FF6600; }
.SubMenu_TabMenuItemHover { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #FF6600; }
.SubMenu_TabMenuItemSel { height: 25px; border-bottom:0; border-top:0; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #FF6600; }

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .ModuleTitle_MenuArrow ,.ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon {display: none;}



i repeat, this skin work correctly on DNN 3.1 nut not in 3.2...

(this exemple is the result in internet explorer. in firefox i don't see anithing (the button stay in their position ad don't display the mousover image)

thanks

Mirko_
 
New Post
1/23/2006 2:53 PM
 

Depending on your skin type, HTML/ascx you could add this

<Setting>
        <Name>CSSNodeSelectedRoot</Name>
           <Value>rootmenuitembreadcrumb</Value>
 </Setting>
   <Setting>
        <Name>CSSNodeSelectedSub</Name>
        <Value>submenuitemselected</Value>
   </Setting> 

or in ascx in the solpartmenu node add   CSSNodeSelectedRoot=rootmenuitembreadcrumb also CSSNodeSelectedSub=submenuitemselected

Salar

 
New Post
1/24/2006 4:02 AM
 

I don't know of the answer of Salar already solved your problem, but I recently came across something similar.

I solved it by setting the background color of the selected item to the background of the menu container class or submenu class (depending the problem is on the root menu or on the submenu). In the CSS listing, I see that you did not define a background color, only a background image. Also when you change the font color you will notice that the color of the unwanted border also changes. So provide a background color, and the problem goes away :)

Peter


Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.
 
New Post
2/6/2006 7:13 AM
 

Hi, I'm having a similar problem on www.rjmetis.com/us and i've tried the solutions listed here, but maybe i'm going wrong in the css. My problem is more or less a mouse ovwr problem which i presume is a tab hover issue setting the background picture and not the colour? The long and short of this is can you please point me in the right direction??

Kind regards

femi

 
New Post
2/6/2006 9:09 AM
 
For the Border issue you could also add this to your Menu node in ascx or equivalant in skin.xml if you are using HTML skinning.

menueffectsstyle="filter:none"
menueffectsmouseoverdisplay="None"

However there number of css techniques available to skinners for doing the menu like you have shown. Each need a differnet solution. I guess learning from other skinners examples is the best way to learn.

Salar


 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Solpartmenu mouseover problem to dnn 3.1 from 3.2Solpartmenu mouseover problem to dnn 3.1 from 3.2


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out