Die Beispiele auf den folgenden Seiten sollen verdeutlichen, wie mit den unterschiedlichen Layouts von YAML für Drupal, unterschiedliche Layouts realisiert werden können. Die Layouts auf den folgenden Beispielseiten werden unter Zuhilfenahme der Drupal Module Sections und Node Style dynamisch umgeschaltet.

Unterschiedliche Layouts

• 1 Spalten Layout
• 2 Spalten mit Menü links
• 2 Spalten mit Menü links und grafischen Rändern
• 3 Spalten mit Standard Layout
• 3 Spalten aus Subtemplates
• 3 Spalten mit grafischem Rand
• 3 Spalten mit ShinyButtons
• Subtemplates für Layouts innerhalb der Inhaltsspalten

Unterschiedliche Hauptmenüs

Im YAML Framework sind zwei alternative Hauptmenüs nach den Vorbild SlidingDoor integriert, welche über die CSS Dateien css/layout*.css eingebunden werden und die CSS Dateien css/navigation/nav_slidingdoorI.css oder css/navigation/nav_slidingdoorII.css einbinden. Die zugrundeliegenden Grafiken befinden sich zur Anpassung an die eigene Webseite in den Verzeichnissen css/navigation/gfx/sliding_doorI und css/navigation/gfx/sliding_doorII.

Desweiteren ist ein alternatives Hauptmenü nach dem Vorbild Shiny Buttons integriert, welches auch über die CSS Dateien css/layout*.css eingebunden wird und die CSS Datei css/navigation/nav_shinybuttons.css einbindet. Die zugrundeliegenden Grafiken befinden sich zur Anpassung an die eigene Webseite im Verzeichnis css/navigation/gfx/shiny_buttons.