Tag archive: freestyle
New free templates: Origo and Track Day!
Today, there are two new releases to explore. Origo Based on the Freestyle01 modification and enhanced with new CSS styles and new fonts, here is an official remake of andreas01 built using the Freestyle template: Origo. Origo uses the classic layout from andreas01, but since it is built from the Freestyle template it is very…
Reconstructing the andreas01 layout with Freestyle
When the Freestyle template was released, I wrote that it made it possible to create any layout needed thanks to the simple grid system. In an e-mail exchange with a template user, I mentioned the fact that basically any layout from my previous templates could be re-constructed quite easily. In return, I got a challenge:…
Freestyle template – The navigation menu
The Freestyle template features a basic navigation menu style that can be used to create both horizontal and vertical navigation menus. I’ve been asked to explain how it works, so here is a quick rundown. One class: .menu The navigation menu is basically one or several unsorted lists (the UL element in the HTML) which…
How to use the Freestyle template grid
The latest free HTML/CSS template release, Freestyle, is built using a simple dual-grid system that makes it easy to construct any layout needed and wanted. In this post, I will explain how to use the grid. First of all, let’s look at the basic structure of div:s that are used. #layout – the wrapper The…
How to use the Freestyle template options
The Freestyle CSS template published yesterday includes a set of options that can be applied to modify the template design, all handled by applying classes to the body element in the HTML. Here is a list of the body classes that can be used, what they do and how they can be combined. Layout width…