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, ...Custom Skin - Standard Menu CSS not working 100%Custom Skin - Standard Menu CSS not working 100%
Previous
 
Next
New Post
4/14/2006 10:18 AM
 
OK, so then you have to be controlling your main menu classes through a different stylesheet than skin.css... Portal.css, Default.css?
 
New Post
4/14/2006 11:54 AM
 

I went into the Source code of the page, and this is what I found as far as stylesheets go:

<LINK id="_Portals__default_" rel="stylesheet" type="text/css" href="/Portals/_default/default.css"></LINK>
<LINK id="_Portals_3_Skins_Philips_" rel="stylesheet" type="text/css" href="/Portals/3/Skins/Philips/skin.css"></LINK>
<LINK id="_Portals_3_" rel="stylesheet" type="text/css" href="/Portals/3/portal.css"></LINK>

Here is what I see in the SPAN tag for the menu:

<span id="dnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU" name="dnn:dnnSOLPARTMENU:ctldnnSOLPARTMENU" BackColor="#333333" IconBackgroundColor="#333333" HlColor="#FF8080" ShColor="#404040" SelForeColor="White" SelColor="#CCCCCC" FontStyle="font-family: Tahoma,Arial,Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; text-decoration: " SysImgPath="/images/" Display="vertical" MenuBarHeight="16" MenuItemHeight="21" IconWidth="15" MOutDelay="500" MenuTransition="None" BorderWidth="0" IconImgPath="/Portals/3/" ArrowImage="breadcrumb.gif" RootArrowImage="breadcrumb.gif" RootArrow="-1" CSSMenuArrow="MainMenu_MenuArrow" CSSMenuBreak="MainMenu_MenuBreak" CSSMenuContainer="MainMenu_MenuContainer" CSSMenuBar="MainMenu_MenuBar" CSSSubMenu="MainMenu_SubMenu" CSSMenuIcon="MainMenu_MenuIcon" CSSMenuItem="MainMenu_MenuItem" CSSMenuItemSel="MainMenu_MenuItemSel" CSSRootMenuArw="MainMenu_RootMenuArrow" SupportsTrans="1">

I would send a link of what I am working on, but it is all on my intranet, until I get it working.

 
New Post
4/14/2006 12:14 PM
 

Ok, I need to know if there is a site, or something, that exists that dummies the stylesheet out for me.  Somehting that says this class affects this part, a diagram would be best.  I am messing with the stylesheet in the site settings and I am making some changes, however, they are not what I am expecting.  I am changing what I would expect to be the main menu (highest level), and the sub menu is getting affected.  I am not sure if something is mucked up on my side, or if I am just not understanding the DNN terminology of the menu structure.

Thanks,

Brad

 
New Post
4/14/2006 2:02 PM
 

Brad

Have you downloaded the documentations the download page.

The document that explains it all is DotNetNuke Web Control. It is not dummified but the explanations of the classes are there.

Salar

 
New Post
4/14/2006 2:21 PM
 

1. Better to mess with the stylesheet that applies only to your skin (YourSkinName.css or skin.css) otherwise you have more problems elsewhere

2. My advice: Get the Root Menu Items fixed first, then work on the SubMenu

3. Don't confuse the MainMenu, MainMenu_SubMenu and the ModuleTitle_Menu

4. This class affects this part (taken from the DotNetNuke Skinning Guide) :

/* Main Menu Styles */

/* Menu Container CSS Class */
.MainMenu_MenuContainer {
}
/* Menu Bar CSS Class */
.MainMenu_MenuBar {
}
/* Menu Item CSS Class */
.MainMenu_MenuItem {
}
/* Menu Icon CSS Class */
.MainMenu_MenuIcon {
}
/* SubMenu CSS Class */
.MainMenu_SubMenu {
}
/* Menu Break CSS Class */
.MainMenu_MenuBreak {
}
/* Menu Item CSS Class for mouse-over */
.MainMenu_MenuItemSel {
}
/* Menu Arrow CSS Class */
.MainMenu_MenuArrow {
}
/* Menu Root Arrow CSS Class */
.MainMenu_RootMenuArrow {
}

Those are the normal styles to control the SolPart Menu.  Other elements of style need to be called in the .ascx if needed, such as Horizontal/Vertical, Separator, Effects, Level and others.

Skinning the SolPart Menu is at times difficult to master. Each Root Menu Item is actually three <td>s - the Icon part, the main part and the Arrow part. 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Custom Skin - Standard Menu CSS not working 100%Custom Skin - Standard Menu CSS not working 100%


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