Fixed width vs fullwidth
Last Post 05/12/2009 2:54 AM by Lee Sykes. 4 Replies.
Author Messages
CBOSS INC
Nuke Pro
Nuke Pro
Posts:61


--
05/11/2009 11:03 AM
    How do I create a fullwidth website skin to stretch across the whole site? I think it has to have an image that will repeat? I've done this, but i feel like I'm missing a step. Please help!
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    05/11/2009 11:05 AM
    Check one of the "full width" skins that come with DotNetNuke. Just style the "body" to have width="100%".

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    CBOSS INC
    Nuke Pro
    Nuke Pro
    Posts:61


    --
    05/11/2009 11:09 AM
    The only DNN skin I have is minimal extropy and it is not a full width skin. My headers are designed for 950px, however I know to have full width an image needs to repeat, but I'm not sure how to get the image to repeat.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    05/11/2009 11:12 AM
    To get an image to repeat, specify the repeat in the css. The same place you specify the background image.

    If you go to the Codeplex DotNetNuke site, you can download one of the old skins (i.e. Blue). There is a full width skin there.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    05/12/2009 2:54 AM
    You may want to check out this tutorial:
    Pure CSS SEO Layouts for DotNetNuke skins

    This basically shows how we have created the DNN Creative skin.

    You may also want to have a look at the code for:
    Andreas 09

    Simple Red Leaf
    is a simple pure CSS skin that is 100% width, with tutorials on how we created it here:


    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


    ---