You need to Register for free and Login to post a message in the forum.

Forum

Subject: Extra Solpartmenu css styles
Prev Next
You are not authorized to post a reply.

Author Messages
erhodes
Nuke Newbie
Nuke Newbie
Posts:2

25 Sep 2006 11:01 PM  

Hi, I am trying to use the ".MainMenu_RootMenuItemActive" css style in a DNN Skin for a client and after inserting it into the CSS file and it didnt work, I looked in several places to find out why. It has been mentioned that you need to set up these extra styles in the skin.xml file. Could you please tell me how this is done?

Thank you in advance!

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3442

27 Sep 2006 3:16 AM  
Hello,

Yes this is correct, have you read this page:
http://www.skinningtoolkit.com/tabid/188/Default.aspx

and as an example for the skin.xml file:

<Token>[MENU]</Token>
        <Settings>
            <Setting>
                <Name>seperatecss</Name>
                <Value>True</Value>
            </Setting>
            <Setting>
                <Name>rootmenuitembreadcrumbcssclass</Name>
                <Value>MainMenu_RootMenuItemBreadcrumb</Value>
            </Setting>
<Setting>
                <Name>submenuitembreadcrumbcssclass</Name>
                <Value>MainMenu_SubMenuItemBreadcrumb</Value>
            </Setting>

etc . . .

Hope this helps, thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
erhodes
Nuke Newbie
Nuke Newbie
Posts:2

27 Sep 2006 11:40 AM  

Hey, thank you soooo much for getting back so quickly. Unfortunatly it is still not working. Below is the MENU section of my skin.xml file and the MainMenu_RootMenuItemActive section of my skin.css file:

skin.xml 

<Object>
  <Token>[MENU]</Token>
  <Settings>
   <Setting>
    <Name>Display</Name>
    <Value>Vertical</Value>
   </Setting>
    <Setting>
     <Name>seperatecss</Name>
     <Value>True</Value>
     </Setting>
      <Setting>
       <Name>rootmenuitemactivecssclass</Name>
       <Value>MainMenu_RootMenuItemActive</Value>
      </Setting>
  </Settings>
 </Object>

skin.css

.MainMenu_RootMenuItemActive
{
    background-color: white;
    height: 12px;
    border-right: #660000 2px inset;
    border-top: #660000 2px inset;
    font-size: 11px;
    border-left: #660000 2px inset;
    color: #660000;
    border-bottom: #660000 2px inset;
    font-style: italic;
    font-family: Verdana;
}

Thanks again for your quick responses, I really appreciate your help!

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3442

27 Sep 2006 5:35 PM  
Hello,

Ok, took a bit of experimentation to find, there are css classes overriding the settings that you are specifying:

1) You need to delete all of the css from the default.css file related to the menu.
2) Then you need to delete   background:transparent;   from the classes:
.MainMenu_MenuBar
and
.MainMenu_MenuItem

3) then add in
.MainMenu_RootMenuItemActive
{
    background-color: Yellow;
    height: 50px;
}

and you will now see a large yellow background behind the current selected item.

If you have the web developers toolbar installed to firefox you can try this out on the live site without editing the actual skin to confirm that it works.

Basically if you are creating a vertical menu I would strip out all of the menu css and start from scratch adding in each element that you require.

Hope this helps, thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Extra Solpartmenu css styles



ActiveForums 3.7

Latest Forum Posts

RE: New Logo cant display by Germaine
Hi Joe, thanks it has been solved!
click track is not working by kishorpawar
I am using click track in my project can  any one help me  what can i wright in  Scrip Box so it can...
RE: Can't Login! Login Page can't be accessed... by durationinc
I didn't do any upgrade...both are new installations (start from scratch). DNN version 4.9.1. Since ...
Disable the functions on the menu until users have login by Germaine
Hi there, I am wondering if this can be done. I have configured the security roles in DNN.  However,...
RE: unsubscribe link for DNN website by maxdagenais
AWESOME, that worked! Thanks so much for your quick responses and time! Regards Lindy
RE: AdvanceEmail Newsletter is not working by kishorpawar
No this is not a third party module this is part od DNN opt -In Email in that opt In-Advanced...
RE: Can't Login! Login Page can't be accessed... by jncraig
Let's back up and start over.  Is this a new site or an upgrade of an existing site?  If it is an up...
RE: unsubscribe link for DNN website by jncraig
Sorry, I misinformed you.  It is not the Account Login Module.  Rather it is the User Account Module...
RE: unsubscribe link for DNN website by maxdagenais
Posted By jncraig on 08 Jan 2009 8:27 AMI'm guessing at the details, but there appear to be several ...
RE: Can't Login! Login Page can't be accessed... by durationinc
Hi Joe, Yes. But I don't think that is the problem. I installed another DotNetNuke in my PC (inst...
RE: ascx question by tlsadler
Lee, Ah....I like the idea all ready...thanks for the advice and link. Terry
RE: GoDaddy by tlsadler
Lee, Many thanks...will definitely check these out tonight. Terry
RE: Child portal to live site by psgrzelak
Thanks Lee, definetly going to look at that. Great site! I'm looking forward to going through the vi...
RE: Issue 37 Templates by leesykes
You may be able to achieve that, but it is not something I have tried, let us know what you find.I d...
RE: Child portal to live site by leesykes
Hello,Yes you should be able to change a child portal into a parent portal as it is only settings in...
RE: Alternative Payment providers? by leesykes
This is not something I have done before, can anyone else provide any tips?
RE: GoDaddy by leesykes
check out:How to backup a live hosted DotNetNuke website and restore it to a localhost installation ...
RE: Skin Background shows through in FCKeditor by leesykes
hello,I covered this in the FCK editor tutorials: FCK Editor CSS Skin Styles Preview in DotNetNukeBa...
RE: How to upgreat dnn 4.3 to 4.9.01 by leesykes
As a tip I have seen recommendations to upgrade to 4.6.2 first and then upgrade to 4.9.1 or whatever...
RE: Skining user profile and registration modules by leesykes
Did you find a solution?
Bingway
RSS Feeds