• Advanced HTML Page Layout
  • About

Generate Code for HTML Layout Design Build
Export
Work Space
Top Margin px Page Width px
Page Size
Drag to insert DIV block element DIV
Drag to insert hosting box insert DIV block element Host
Drag and drop here to delete DIV or host element Delete
HTML Elements
Class Name
Height px
Width px
Element Parameters
DIV
Color
Remove background image Click on image to set it as main background
Background Image
Fixed
Scroll
Attachment
Body
Color

Advanced HTML Layout

An advanced HTML page layout, will suit an common "skeleton" to any website. It containing enough HTML DIV and HOST blocks to build any rich page website that needs to pass a great amount of information to user in multiple window blocks. This HTML layout contains double header and double footer witch can be removed by needed design flow, in addition the left side bar and right side bar both have two sub DIV blocks. The sidebar sub DIV blocks can be multiplied as needed if you need to deliver more information such as commercials or "words cloud tag".

Free Generator On-Line

We offer our generator absolutely free and without any charge you are welcome to use it to create any HTML layout you have imagine of without knowing ho to code HTML nor CSS.The advantage of this generator is not only in cutting edge technology but in addition learning the HTML and CSS while you play around and generating a code for current HTML page layout. More over we allowing you to download our images and use them in your site absolutely free of charge.

Advanced CSS structure

This layout is advanced because it contains double banners for footer and header placement, left and right column populated with two DIV HTML blocks and one content block. To achieve this layout we used two HOST blocks that allow to place the DIV blocks one beneath the other. If you replace the content DIV block with HOST block you can populate one with as many DIV's as you need to make it like and Feed layout.

HTML Layout

This site is dedicate for creation of almost any HTML web page layout using Drag and Drop, for ease you can change this "Advanced" layout to more simple or complex structure. No prior HTML nor CSS knowledge is need and all generated code is absolutely free. If you need more detailed help how to operate the editors panel watch brief video help on home page.

Click to set as default HTML CSS web site background image Set aqua circles as site background image Set blue wave on black as site background image Set neon black waves as site background image Set blue as HTML background image Set sea bottom as HTML background image Set cyan circles as HTML background image Set this colored as CSS HTML background image Set this two column as HTML background image Set this image as default CSS HTML website background Set black cubes as sites background image Set this frame with pearl alike as background Set green spirals as background image Set dark site hexagon background decoration Click on image to set as HTML CSS background Click on image to set as light blue web site background Set this neon pink image as site background Click on plum white image to set as web site HTML CSS background Set this reddish transparent waves image as CSS background Click on turquoise white image to set as website background Set colourful waves as HTML website background Click on two lines image to set as background
Update your web browser and enable JavaScript for full "HTML Layout Generator" support Update your web browser and enable JavaScript for full "HTML Layout Generator" support
Drag marker set brightness Update your web browser and enable JavaScript for full "HTML Layout Generator" support
Drag marker to set opacity Update your web browser and enable JavaScript for full "HTML Layout Generator" support
R G B Opacity
Submit
Apply
Cancel
pageHeader
pageHeaderSub
pageBarLeft
pageBarLeftTop
pageBarLeftButtom
pageContent
pageBarRight
pageBarRightTop
pageBarRightButtom
pageFooter
pageFooterSub
Exit- Close
Download ZIP file

Already build your website layout and need to build a menu for it?!
Visit : www.Blended-Menu.com