Login  |


Register
Forgot Password ?

Sunday, January 21, 2018
  More Features » Package Help
 

Width options


Width For 800px Resolution


Width For 1024px Resolution


Width Flexible for every resolution (full width)


These Widths Are Available With Every Kinetic Skin Colour


Photoshop Source Included


Easy Customizeable XHTML & CSS

Kinetic Skin Package

Kinetics Skin Pack is a Div based W3C Compliant XHTML Skin ,comes with multiple Colours & Backgrounds options. The Skin Is 100% W3C Xhtml 1.0 & Css 2.1 validated. The Structure Of Skin Is 100% DIV Based. This Skin comes With 4 Stylish Menus. The number of available panes gives you the option to create unlimited layout styles. You can insert your header banner in any of the banner panes available above the logo area and below the menu. Skin customization is available and one custom color is available for free so donot hesitate to ask for your custom color. Enjoy!


Slider Panes Available:

Four Slider Panes are available with every skin colour in two widths i.e Fixed1024px & Fixed 800px Resolution, You Can Decrease Or Increase These Panes With Easy Customizable Html & Css Files. The ascx files which contains "Slider" in name indicates the slider panes.
See Slider Code In Action
Email us at support@dnngraphics.com for quick help on Slider


Three Text Sizes Support:

Kinetic Skin Supports Three Text Sizes i.e: "small" "medium" "large"


Kinetics Colours:

Hints For Use The Package:


>>If You Want To Use The "Slate Blue" Skin Colour With Menu Style 3 Than Select The .ZIP File Named As "SlateBlueMenu3.zip". Than If you want to use 1024px width skin with background style 4 than select the file "Fixed1024_bg4m3.ascx". Or If you also want to have the slider panes than use the file named as "Fixed1024_bg4m3slider.ascx".
>> If U want to use With red colour than first install the banner zip (kinetic banners) & than use the file which contains "Red" In name

Menu Styles


This Is Menu Style 1
(File Name Related To This Menu Contains "m1" For Example: "Fixed800_bg2m1" Where "M1" Stands For Menu Style 1)


This Is Menu Style 2
(File Name Related To This Menu Contains "m2" For Example: "Fixed800_bg1m2" Where "M2" Stands For Menu Style 2


This Is Menu Style 3
(File Name Related To This Menu Contains "m3" For Example: "Fixed800_bg2m3" Where "M3" Stands For Menu Style 3


This Is Menu Style 4
(File Name Related To This Menu Contains "m4" For Example: "Fixed800_bg3m4" Where "M4" Stands For Menu Style 4


Background Style 1
(File Name Related To This Background Contains "bg1" For Example: "Fixed800_bg1m1")



Background Style 2
(File Name Related To This Background Contains "bg2" For Example: "Fixed800_bg2m1")



Background Style 3
(File Name Related To This Background Contains "bg3" For Example: "Fixed800_bg3m1")



Background Style 4
(File Name Related To This Background Contains "bg4" For Example: "Fixed800_bg4m1")


Back to TOP

_________________________________________________________________________________

Valid XHTML 1.0 Transitional Valid CSS!


Kinetics Containers Help


*These Examples Are Related With DarkGrey Colour You Can Use Your Desired Colour With Colour Name


*Every Container Is Available With Every Kinetic Skin Colour


*Like Skins The Containers Are Also Based On Div & also W3C Compliant


*You Can Easily Customize These Containers With Psd & Also with Easy colour replacement

Back to TOP

_________________________________________________________________________________

Valid XHTML 1.0 Transitional Valid CSS!

Available Banners:

This Is “Style1.ascx” because this is here in forest green colour so its name is “ForestStyle1.ascx”

This Is “Style1imagebg.ascx” because this is here in Indigo colour so its name is “IndigoStyle1imagebg.ascx”

This Is “Style2.ascx” because this is here in black colour so its name is “BlackStyle2.ascx”

This Is “Style2imagebg.ascx” because this is here in Lilac colour so its name is “LilacStyle2imagebg.ascx”

This Is “Style3.ascx” because this is here in black colour so its name is “blackStyle3.ascx”

This Is “Style3imagebg.ascx” because this is here in lilac colour so its name is “lilacStyle3imagebg.ascx”

This Is “Style4imagebg.ascx” because this is here in slateblue colour so its name is “SlateBlueStyle4imagebg.ascx”

This Is “Style5imagebg.ascx” because this is here in CornBlue colour so its name is “CornStyle5imagebg.ascx”

This Is “Style6imagebg.ascx” because this is here in SlateBlue colour so its name is “SlateBlueStyle6imagebg.ascx”

This Is “Style7imagebg.ascx” because this is here in Gold colour so its name is “GoldStyle7imagebg.ascx”

This Is “Style8imagebg.ascx” because this is here in RoyalBlue colour so its name is “RoyalStyle8imagebg.ascx”

This Is “Style9imagebg.ascx” because this is here in Lime colour so its name is “LimeStyle9imagebg.ascx”

This Is “Style10imagebg.ascx” because this is here in FireBrick colour so its name is “FireBrickStyle10imagebg.ascx”

>>Total Of 250+ Banners

>>Every Banner Is Available In Every Kinetic Skin Colour

>>Every Banner Is 100% div based & W3C XHTML+CSS

>>Every Banner Is Customizeable By psd or Easy colour replacement

Back to TOP

_________________________________________________________________________________

Package Information


Every Color Skin Has Four Zip File Related To Four Menu Styles For Example:


  • If You see The Aqua marine Colour than there Are Four Zip Files For This Colour Named As
    "AquaMarineMenu1.zip" "AquaMarineMenu2.zip" "AquaMarineMenu3.zip" "AquaMarineMenu4.zip"

  • Each Zip Contains Three Widths Files i.e: "Fixed800" "Fixed1024" "Fullwidth"

  • Each Zip Contains Four Backgrounds Files Names Contains: "bg1" "bg2" "bg3" "bg4"

  • So If You want to Use Menu Three Of Aqua Color Than Select "AquaMarineMenu3.zip" & Install this

  • Than If You want to use Background Four Of This Menu In Fixed800px Width Than Apply The File "Fixed800_bg4m3" Where "Fixed800" Indicates The Width "bg4" For BackGround #4 & "m3" Indicates "Menu Style 3"

  • Every Container Of Kinetic Skin Is In Just One .zip file... if you want to use containers in green colour than use the files which containes Word "Green"


    Every Banner Of Kinetic Skin Is In Just One .zip file... if you want to use Banners in green colour than use the files which containes Word "Green"

    Feel Free To Contact Us For More Help

    Back to TOP

    _________________________________________________________________________________

    Create Your Own Custom Colour Skin By Editing Css

    Creating custom colored skins have never been this easy without using a module. We currently have a module under development for this.
    You can use the procedure below to customize the skin colors.

    Kinetics Skin Uses Colour Code From Its Css To Display Coloured Areas Of The Skin. You Can Easily Create A Custom Colour Skin By Simply Replacing The Colour Code In The Css File Use The Following Steps To Create Your Custom Skin

    • Edit The Skin.css File In Any Editor.
    • Select The Colour Code In "a:link" Class e.g: For Aqua Marine Colour You Can See Colour Code "#348781", Replace This Colour With Your Own e.g: If You Want "#000000" To Apply Whole Skin Than Replace All "#348781" With This "#000000"
    • Thats It You Are Done,
    • Save Your File & Upload New Skin
    • In this same way you have to edit the Containers css files

    We can create a custom color for you for free, the banner containers are not included in this

    For more info Feel free to email us at support@dnngraphics.com

    Back to TOP

    DotNetNuke Resources
    Minimize

    Check the following great DotNetNuke Resource websites



    Help Forum
    Minimize

    We are developing a forum , blog as a dotnetnuke skinning knowledge base to help users in troubleshooting their skinning related issues. Feel free to send your suggestions Email us at info@dotnetnukeskins.info

    Customer Support
    Minimize

    For all kind of support queries email
    at support@dnngraphics.com
    Have a chat on MSN Messenger
    Add Our ID : sean@dnngraphics.com
    For Custom Skins email
    at custom@dnngraphics.com

    Copyright 2009 by DotNetNuke Corporation Xhtml 1.0 CSS 2.1