Layout Options

Freestyle (no columns) 2 Columns 2 Columns + Teaser 3 Columns 3 Columns + Teaser Layout Preset

Shiny Buttons Sliding Door Navigation Template

disabled 1px dotted 1px solid Column Dividers

disabled enabled Graphical Layout Borders

Layout Properties

alignment	width	min	max
left right center

Column Properties

column order	left	center	right
1-3 | left 3-1 | left 1-3 | right 3-1 | right 1-3-2 2-3-1 1-2-3 3-2-1 2-1-3 3-1-2	col1	col3	col2

Optional Layout Elements

.page	#header	#topnav postion #header .page .page_margins not used
#nav	#footer

Droppable Content Elements

Headings	Text Elements

Droppable Subtemplates

Flexible Grids	Content Boxes
25% | 75% 33% | 66% 38% | 62% 50% | 50% 62% | 38% 66% | 33% 75% | 25% 3 x 33% 4 x 25% 25% | 50% | 25% 25% | 25% | 50% 50% | 25% | 25%		left aligned
		centered
		right aligned

HTML/CSS Code Options

XHTML 1.0 Transitional XHTML 1.0 Strict HTML 4.0 Transitional HTML 4.0 Strict Doctype

disabled JS-Expressions minmax.js IE6 min-/max-width

DOM Tree of layout elements

Close all up down

Element Properties

id
class

Information

Recent Build:
$Rev: 525 $ (based on YAML 3.1)
$Date: 2010-10-03 22:12:50 +0200 (So, 03 Okt 2010) $

Description
The Builder is designed for rapid development of CSS layouts, that are based on YAML.

Yet Another Multicolumn Layout is a highly versatile (X)HTML/CSS framework, released under Creative Commons Attribution 2.0 License (CC-A 2.0) and can be downloaded at yaml.de/en/.

Feedback/Bugreports

1. Builder Development Site
2. Support Forum (English/German)

Many thanks go to ...

1. jQuery & jQuery UI
2. Syntax highlighting with JavaScript
3. Famous Silk Iconset