Hi all,

 

I am using House Menu instead of SolPartMenu. I listed out some problem below, anybody can give me a solution for that,

 

1. I want to change the font color for my active tab (main menu)
2. I want same color of active tab in border-bottom-color on mouse over
3. I have three sub menu, if i clicked the one of the sub menu all other sub menu are invisible and main menu active item also disabled
4. I enabled the “showadmin=true” in house menu, but it show only the admin and host text, but the sub menu are not listed out.

 

Pls check out the site http://59.144.0.224/dotnetnuke  username:adminuser

Password:adminuser

 

Anybody knows solution for above problem, please help me

 

My .CSS Code is,

 

/* =====================================

    CSS STYLES FOR HouseMenu SkinObject

   =====================================

*/

 

/* Horizontal Menu */

#HouseMenuNav

{

      background#8BD3E9 ;

      color: #003366;  

      font-size: 13px;

      font-weight: bold;

      text-decoration: none;

      margin: 0px;

     

}

#HouseMenuNav2

{

  

      margin: 0px;

      padding-left: 65px;

      padding-top: 3px;

      padding-bottom: 3px;

      text-align: left;

      font: verdana;

      font-size: 11;

      font-weight:normal;

      text-decoration:none;

      color:#0000FF;

      background:#8BD3E9;

      height:10px;

}

#HouseMenuNav ul, #HouseMenuNav2 ul

{

    padding: 0;

    margin: 0;

    list-style: none;

    float: left;

}

#HouseMenuNav ul

{  

  

    border: 0;

    background-image: url(buttons/button_sm.gif);

    background-repeat: repeat-x;

    background-color: #95353D;

 

 

}

#HouseMenuNav2 ul

{

    background-color: #ED9F9F;

    border: 1px solid #711515;

    border-right: 0;

           

}

#HouseMenuNav li

{

    list-style: none;

    float: left;

    color:#8BD3E9;

    border-right: 3px solid white;

}

#HouseMenuNav2 li

{

    list-style: none;

    float: left;

    color:#8BD3E9;

   

   

}

#HouseMenuNav li a:link, #HouseMenuNav li a:visited

{

       display: block;

       color: #FFF;

       background-color:#003366;

       text-decoration: none;

       padding: 4px 1em;

       border-right: 1px solid #003366;

 border-bottom: 1px solid #8bd3e9;

       border-left: 1px solid #003366;

       border-top: 1px solid #003366;

}

#HouseMenuNav2 li a:link, #HouseMenuNav2 li a:visited

{

    display: block;

    color:#000000;

    text-decoration: none;

    padding: 1px 1.5em;

    border-right: 1px solid #993366;

    font: verdana,arial,helvetica,sans-serif;

    font-size:10px;

 

}

#HouseMenuNav li a:hover

{

   

    background-repeat: repeat-x;

    background-color: #6caadd;

    color: #FFF;

    border-bottom: 1px solid #003366;

  

}

#HouseMenuNav2 li a:hover

{

color: #000000;

background-color: #F3F3F3;

font-weight:normal;

text-decoration:none;

   

}

#HouseMenuNavCurrentLink

{

    background-image : url(buttons/selected.jpg);

    background-repeat: repeat-x;

    background-color: #8bd3e9;

    cursor: default;

    color: #8bd3e9

  

}

 

 

Thanks,

Sridhar.m

Ok, I will get you started on the right path,  I used the techniques outlined in this tutorial:Troubleshooting DotNetNuke Skins to look through the CSS code in your skin and I would suggest that you do the same as it will really help you to quickly find a solution:

This code works to change the font color and the background colour of the selected tab:

#HouseMenuNavCurrentItem
{
    background-color: pink;
}

#HouseMenuNavCurrentItem a:link, #HouseMenuNavCurrentItem a:visited
{
color: red;
}


BUT, you have to prevent earlier CSS code from overriding the settings, if you delete the lines of code as an experiment in this CSS class:
#HouseMenuNav li a:link, #HouseMenuNav li a:visited

you will find it works,  so your task is now to find move that code to a CSS class where you can apply those styling elements that you require

Have you had a look at this tutorial?
How to create Horizontal CSS menus in DotNetNuke using the HouseMenu

I think the final version 3 of the menu may give you the info you require.

- Yes the admin / host menu does work like this in the horizontal menu, I tend to have a separate menu just viewable to admin which is placed at the bottom of the skin

 Hope this get you started, thanks,

Thanks Lee Skyes. I have few more doubts,


1.I have two sub menus (overview and search) under ‘people’ tab, if I clicked the ‘search’ sub menu, the other sub menu (overview) and current submenu (search) disappears and also active item (main menu) also disappears, but I want maintain the main menu active for that sub menu which is currently clicked and other sub menu (overview) and current sub menu (search) with sub menu active.

2.Where I can download the House Menu Version 3


Thanks,
Sridhar.m