CSS PortalCSS Portal

CSS Layout Generator

Welcome to our new CSS Layout Generator, we have added a few new features that we hope you'll enjoy. This generator will create either a fixed width or fluid width layout and can include a header, menu and footer. New features to this generator are: you can now select a doctype for your layout, rounded corners and with the fluid layout, you can now select min and max widths. Once you have selected all your options, click 'Create Layout' and you'll be able to preview and download your new layout in a zip file.

DOCTYPE
Layout Options
 

Alignment


Width
Page Width:
px
Width
Min Width:
px
Max Width:
px
Header Options
Height:
px
Background Color:
Horizontal Menu Options
Height:
px
Background Color:
Footer Options
Height:
px
Background Color:
Columns



Left Sidebar
Width:
px
Background Color:
Right Sidebar
Width:
px
Background Color:
Left Sidebar
Width:
px
Background Color:
Right Sidebar
Width:
px
Background Color:
Extra Options
Main Content
Background Color:
Rounded Corners

Will also add a 1px border

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL
Sidebar

CSS & HTML References

  • Sponsors
    • Turn Website into App
    Convert your website into an app for Android and iOS. Updates automatically.     Unicode Characters & Emojis
    Search all Unicode characters and emojis plus other tools.     Learn Wordpress
    Wordpress hosting. Theme and plugin reviews. Wordpress development tips.     Templatic
    Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips.     A2 Web Hosting
    Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting.     Online Password Manager
    Access your passwords from any computer, no need to remember all of your passwords.     Advertise Here
    Advertise your company and products here!