Experiments with Toolkit Code
Last Post 06/22/2006 2:17 PM by Lee Sykes. 2 Replies.
Author Messages
Brian Barsalou
Nuke Newbie
Nuke Newbie
Posts:8


--
06/22/2006 1:58 PM

    I used the code changes for the .MainMenu_MenuContainer and it worked as shown. I reloaded the base skin file from the Install package - and I still have the change!

    Here is the code change that worked:

    .MainMenu_MenuContainer

    This styles the main menu container for the root menu items. The default.css file uses a

    background-color: transparent; This allows the image which runs underneath the menu and search section to show through. In the DNN-blue skin the image is added to the table background using the skin-gradient class.

    .MainMenu_MenuContainer

    {

    border

    : 5px solid green;

    background-color

    I then FTPd the original skin file back in - and No Change! I still had the yellow bar with green border. I stopped the web.config file and rrestarted it, with no change.

    Any suggestions on howto get rid ofthe yellow bar and green border?

    : yellow;
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    06/22/2006 2:03 PM
    Hello,

    Rather than stop and start the web.config file, press refresh in your browser, this is all that you should need.

    Does it go back to the original after pressing F5 (refresh)?

    What is the URL of the site?

    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


    --
    06/22/2006 2:17 PM
    Thanks for the link,

    The code is still in your portal.css file:

    /* Main Menu */

    .MainMenu_MenuContainer {
    border: 5px solid green;
    background-color: yellow;
    }

    - For checking things like this, use the web developers toolbar with Firefox and use the edit CSS function - you can view and edit the CSS live without changing the actual CSS files.

    - All I did was delete all of the CSS from each file until I found where the styling was coming from.

    You can find the link to the web developers toolbar in the skinning toolkit, 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


    ---