CSS Layout Generator

This generator will help you to create a css page layout, with up to 3 columns and with header, menu and footer bars.


Preview

Previewing how your layout will look in real-time and generating the CSS and HTML source code, makes this a useful and timesaving CSS tool for anyone who creates content for the web.


Create Your CSS Layout

To create your layout select the structural elements your site requires (header, menu, footer, columns). Then specify a size in the field provided and choose a background color.

Layout:
Page Alignment:
Full Page Centered Page Left Alignment
Header:
Include Header
Horizontal Menu:
Include Horizontal Menu
Footer:
Include Footer
Main Content:
Background Color:

Generated Code

Copy the HTML and CSS generated below to your web page.



Other Tools
CSS3 Transform
This online tool allows you to experiment with the CSS Transforms for Safari, Chrome,...
URL Decoder/Encoder
With this free online tool you can decode or encode a url(webs address) string quickly for...
Anti-Spam Email Encoder
This free online tool allows a e-mail address to be protected from basic "spam...
Forum Topics
hello
hy. please tell me and me I modify the script upload menu? .. I would like to add a button forum ... please...
How to add link
Hello everyone, i have one question: how to add the link of the image under the social buttons. I try to show...
installation problem
Hello, I made the script to install only the picture is not loaded white page opens . I am website ;...
Bulk Upload error
I am Chinese user. When I upload pictures after "中国.JPG" to \upload\bulkupload, click on the...
Parse error: syntax error, unexpected $end in /membri/lync/lib/bmp.class.php on line
Hi, I just installed CF Image Hosting Script v1.65 and I'm unable to upload any picture. Parse error: syntax...