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, ...Menu flickersMenu flickers
Previous
 
Next
New Post
3/11/2009 6:37 AM
 

Hi is there somebody out there who could help me with my skinning problem:

I have a flickering Solpart menu and tried to remove all font-weight bold from the css, but it doesn't seem to help.

The URL is: http://www.zepter.co.uk.dnnmax.com

I tried all night yesterday, but I can not find a solution.

here is my Css:

/* ================================
    Solpart
   ================================
*/  


.MenuContainer
{
    background-color: transparent;
    padding-left: 4px;
    padding-bottom: 4px;
    /* height: 35px; */
    border-bottom: #F23F72 0px solid;
}

/* Changes of height will cause an ftp error! */
.MenuBar
{
    background-color: Transparent;
    cursor: pointer;
    cursor: hand;
    height: 16;
}

.MenuIcon
{
    cursor: pointer;
    cursor: hand;
    background-color: #000000; /* #FFEAF2; this is the 2nd level background menu tab */
    border-left: #F23F72 0px solid;
    border-top: #F23F72 0px solid;
    border-right: #F23F72 0px solid;
    border-bottom: #F23F72 0px solid;
    text-align: center;
    width: 15;
    height: 22;
}

.MenuItem /* activate bg image for subitems here */
{
    cursor: pointer;
    cursor: hand;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    font-style: normal;
    background-color: #FFFFFF; /* #DAD9D9;  fixed firefox problem, do not use transparent here - this is the top level menu items*/
}

.MenuArrow
{
    font-family: webdings;
    font-size: x-small;
    cursor: pointer;
    cursor: hand;
}

.MenuRootArrow
{
    font-family: webdings;
    font-size: x-small;
    cursor: pointer;
    cursor: hand;
}


.ItemsBreak
{
    border-bottom: #404040 0px solid;
    border-left: #FF8080 0px solid;
    border-top: #FF8080 0px solid;
    border-right: #404040 0px solid;
    background-color: transparent;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    height: 1px;   
}

.RootItem TD
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #333333; */ #00599F; this is the blue colour from the zepter logo */
    /* height: 35px; */
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    border-left: #F23F72 0px solid;
    border-top: #F23F72 0px solid;
    border-right: #F23F72 0px solid;
}

.RootItemActive TD
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #9E3B47;
    /* height: 35px; */
    background-color: #000000; /* #24201E; */
    background-image: none;
    background-repeat: no-repeat;
    border-left: #24201E 0px solid;
    border-top: #24201E 0px solid;
    border-right: #24201E 0px solid;
}

.RootItemSelected TD
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #9E3B47;
    /* height: 35px; */
    background-color: #FFFFFF; /*  #DAD9D9; */
    background-image: none;
    background-repeat: no-repeat;
    border-left: #DAD9D9; 0px solid;
    border-top: #DAD9D9; 0px solid;
    border-right: #DAD9D9; 0px solid;
    padding-right: 5px;
   
   
}

.RootItemBreadCrumb TD
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    font-weight: bold;
    color: #9E3B47;
    /* height: 35px; */
    background-color:  #FFFFFF; /*  #DAD9D9;*/
    background-image: none;
    background-repeat: no-repeat;
    border-left: #F23F72 0px solid;
    border-top: #9E3B47; 2px solid; /* #F23F72 0px solid; */
    border-right: #F23F72 0px solid;
}

.SubItemActive
{
    border-top: 0px solid;
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    font-weight: bold;
    color: #000000;
    height: 24px;
    background-color: #DAD9D9;;
    background-image: none;
    background-repeat: no-repeat;
}

.SubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{

    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #24201E;
    height: 24px;
    background-color: #DAD9D9;
    background-image: none;
    background-repeat: no-repeat;
    border-left: #F23F72 0px solid;
    border-top: #F23F72 0px solid;
    border-right: #F23F72 0px solid;
    border-bottom: #F23F72 0px solid;
}


.SubItemActive TD
{
    border-top: 0px solid;
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #FFFFFF;
    height: 24px;
    background-color: #DAD9D9;
    background-image: none;
    background-repeat: no-repeat;
}

.SubItemSelected
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    color: #FFFFFF;
    background-color: #24201E;
    background-image: none;
    background-repeat: no-repeat;
}


.SubItemBreadCrumb
{
    font-family: Arial, Verdana, Tahoma, Helvetica;
    font-size: x-small;
    /*font-weight: bold;hover*/
    color: #C20000;
    background-color: #F23F72;
    background-image: none;
    background-repeat: no-repeat;
}

 

 
New Post
3/16/2009 5:39 PM
 

I found that the flickering must be from the aspx file the solpart menu there is as follows:

<dnn:MENU id="dnnSOLPARTMENU" runat="server" menueffects-mouseouthidedelay="500" mouseouthidedelay="1"
             selectedbordercolor="Transparent" forcedownlevel="False" moveable="False" menueffects-mouseoverexpand="False" menueffects-mouseoverdisplay="none"
             Display="Horizontal" usearrows="True" separatecss="true" backcolor="Transparent" MenuBreakCssClass="ItemsBreak" rootmenuitemcssclass="RootItem"
             rootmenuitemactivecssclass="RootItemActive" rootmenuitemselectedcssclass="RootItemSelected" rootmenuitembreadcrumbcssclass="RootItemBreadCrumb"
             submenucssclass="SubMenu" submenuitemactivecssclass="SubItemActive" submenuitemselectedcssclass="SubItemSelected" submenuitembreadcrumbcssclass="SubItemBreadCrumb"
             MenuContainerCssClass="MenuContainer" MenuIconCssClass="MenuIcon" MenuItemCssClass="MenuItem" MenuArrowCssClass="MenuArrow"
             MenuRootArrowCssClass="MenuRootArrow" MenuBarCssClass="MenuBar" DelaySubmenuLoad="True"></dnn:MENU>

What needs to be changed to leave the menu unchanged on mouseover.

Ideas are appreciated.

Thank you guys

 
New Post
3/16/2009 9:30 PM
 

I know this isn't a great answer. but solpart has been depreciated in favour of NavMenu2, just in case you didn't know...

Thanks..



Alex Shirley


 
New Post
3/17/2009 5:29 AM
 

 Well, I would be willing to switch, but I have no clue about this other menu, isn't it easier to just take my solpartmenu and remove the bolt on mouse over.

Thank you very much

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Menu flickersMenu flickers


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