Tag archive: templates

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…

In the works…

The summer is slowly turning into fall, and after a while with few posts and releases I am now back on track with lots of inspiration and collected material. Here are some of the things I have been working on during the summer, and which I will publish here on andreasviklund.com in a not-too-distant future:…

New template: Inland Forest

Today, I’m presenting a new template in the Inland CSS series: Inland Forest. Featuring colors taken from the old forests of northern Sweden and beautiful sample header/slider images by talented nature photographer Tor Lundberg, Inland Forest (which is the last planned template in the Inland series, atleast for now) should be a good choice for…

Menu