fragmente

I´m using YAML now for a while on our projects, also at work and for my own website. YAML is build as a core version which has many hacks (maybe for IE) and is made as an 3-column layout. On top of this there are some files which overwrites the other CSS classes and IDs and this is your special layout. Maybe when you use the YAML-Builder you have a finished layout where the classes in the css-directory overwrites the core classes.

For example you want to have a 2-column layout instead of a 3-column one the files in the css-directory set this layout. But when you make your own website you have to overwrite also some settings in the css-directory because you want to change the YAML-layout a bit. Layout, sizing or colours. There are two ways to do this.

1. You edit the files in the css-directory
2. You make a 2nd css-file especially for your website and include it as the last one in your html-file(s) (must be included before the IE7-hack will be included)

The first solution is good and easy but I prefer the 2nd one and now I will explain on a little example (from a project at my work I do at the moment).
I made a 2-column-layout with YAML for a little project at work. The template and layout is growing and will be finished in the next days. Now a collegue comes to me and we discuss the style and discuss about other internal websites and the corporate design. Now we decided to change to a 3-column layout, because it´s closer to the style-guide. I used the 2nd method and now I have the possibility to change the full YAML-core-layout and the overwriting files (in the css-directory) to get an 3-column layout without losing my special settings and layout-configurations for our design. If I used the first method I would have to backup the files in the css-directory, make with YAML-Builder a new 3-column layout and redo the changes from the backuped files again in the new one. This would be more complex.
The downside is, that you have a extra file and you have to include this extra css-file in every html-file you make.

Related posts:

1. How to build a YAML fullscreen layout
2. How to … center a YAML Layout
3. Zimplit – a small, free Content-Management-System
4. How to … update TYPO3 4.2
5. CSS floating problems