confused by classes
Last Post 08/03/2006 3:20 AM by Lee Sykes. 2 Replies.
Author Messages
Natalie Chaponnel
Nuke Newbie
Nuke Newbie
Posts:1


--
08/01/2006 1:39 PM
    i'm really new to dnn and i'm creating my first skin http://portal.vivendo.nl/Default.as...assendelft a couple of questions which have got me really stuck... 1) how do i change the colour of the submenu rollover text to be different to the main menu rollover text. i have tried the following in skin.css but it doesn't seem to work. .MainMenu_RootMenuItemSelected { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } .MainMenu_SubMenuItemSelected{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } 2) how do i change the up and rollover states of the breadcrumb links and the search link and copyright links to have different appearances if their appearance is set by one class? currently.... .SkinObject { font-weight: normal; font-size: 11px; color: #75A8C4; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } A.SkinObject:link { font-weight: normal; font-size: 11px; color: #75A8C4; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } A.SkinObject:hover{     font-weight: normal;     font-size: 11px;     color: #ffffff;     font-family: Geneva, Arial, Helvetica, sans-serif;     text-decoration: none; } A.SkinObject:active {     font-weight: normal;     font-size: 11px;     color: #ffffff;     font-family: Geneva, Arial, Helvetica, sans-serif;     text-decoration: none; } 3) where do i save the logo image so that the [LOGO] command will show it?
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    08/03/2006 3:09 AM
    Ok, you need to be aware that for some of the CSS styles in the Solpartmenu, you need to set them up to work in DNN. - Have a read of this page:
    http://www.skinningtoolkit.com/tabi...fault.aspx

    If you want to use any of the following classes, you have to set them up in your skin.xml file or specify them in the .ascx file of your skin:

    I think I have tried to look at this before for styling the sub-menu text a different colour to when you hover over it and i couldn't find a solution. I could only style the text to change to a different colour for all of the menu using:
    (This will not be suitable for your menu, but will make it obvious what it changes)

    .MainMenu_MenuItemSel
    {
        cursor: pointer;
        cursor: hand;
        color: black;
        font-family: Tahoma, Arial, Helvetica;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        background-color: yellow;
    color: red;
    }

    2) If you want each of those tokens to have a different colour on hover over then you need to set the class that you wish to use for the token in the skin.xml file. - If you are unsure about this, we cover this in issue 5 & 6 in the How to create a skin (using tables) tutorial - in video 4.

    3) Upload your logo via the file manager - ie - Admin menu / File Manager and place it anywhere you wish. - You could put it in a pics folder for instance.

    Then go to Admin / Site Settings and there is an option there for setting the logo, you can browse to where you saved your logo. - The [LOGO] token will then pick up the details you have saved in the Site Settings.

    Hope this is enough to get you going, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    08/03/2006 3:20 AM
    PS. - You may also want to check in your skin.html file that you have not referenced the skin.css file, as when looking at your code there are 2 references to the skin.css file

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

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---