Before you write any CSS, add a little sample content into your site via Tribiq CMS. You might want to start by adding the most common Plugins to the site, like Menu, Content, Footer.
In the Skin folder, create the following CSS style sheets: reset.css, stylesheet.css, stylesheet_print.css, tinymce.css and tiny_format.css. Create a folder called images. Finally create a XML file called skin.xml.
With CSS, set the column's and section's measures of your template. You may want to use background colors to identify the main sections: Header, Footer, Main Column and Side Columns.
Using the marked-up design as guide, define CSS for the fonts. Set the colors, types and sizes. You can define the styles in your stylesheet.css file. Or you can create a separate style sheet for the fonts if you prefer.
You can make your Editor show faithful page styles. Copy the font styles into the file tinymce.css. Then add the styles for headings (H1, H2, H3, H4, H5 and H6) in the file tinymce_format.css.
Add the Plugins that will be common for every page of the site, for example the Search Entry Box. Ensure your top navigation is in place with the Menu Plugin. Insert the Plugin Instances you need into the relevant Slots.
Edit your stylesheet.css file to style the Plugins you added. If you have a top menu and search box, now is the time to style them. Your site will start to take shape.
Most Plugins have a default style to ensure they work out-of-the-box. You can change these default styles using Themes, and have the Plugins derive their CSS from your Skin. Register the Plugin's Themes to style in the skin.xml file.
