• Forum alike 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

Forum alike Template Layout

This forum alike template layout example will suit not only just for forums but any site where need is in discussions or bulletin. The content field can contain for eaxmple an forum chats, avatars, social media, attributes and any thing you will need. Both right and left sidebars in this example are HOST's and contain three DIV blocks but you can add or remove as many as needed, place videos, commercials, access controls or any stuff it should contain.

Learn By Example

In this site you can learn a simple principles of creating a basic or advanced HTML page layout both using HTML tags and CSS selectors. All site examples can fit any starting web developer to test and play around with web page layouts, in the current HTML layout example as in others you can achieve any web page block position in parallel preserving the correct page flow that will suit any browser. All code behind the layout is exposed once you press the "Generate / Build Layout" button, so learning the basics is done in few clicks.

Use DnD to Layout HTML Page

No need to track and trace the HTML page skeleton, just a long right or left mouse button click and you dragging and dropping a new element and resizing it respectively. After a hard work and lot of thinking we found it as the easiest and most native way to style your things up, just get tuned in few simple example such as this forum alike layout and your in. In this generator there is no limit to number of HTML elements inside another to you can position and reposition as many times as you need, just remember to download and save all your custom styles.

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
pageBarLeft
pageLeftTop
pageLeftMid
pageLeftBottom
pageContent
pageBarRight
pageRightTop
pageRightMid
pageRightBottom
Exit- Close
Download ZIP file

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