Search Results for: px

New template: Variant Creative

Here is the first new template of 2011: Variant Creative. It is a classic 3-column layout with a vertical button menu. The total layout width is 980px wide, and it uses a header image of a kind that I have not used in any template before. In order to make the header image easier to…

How to move the Basic Reader sidebar

A few days ago I got an e-mail asking how to modify the Basic Reader template to move the sidebar to the left side. For a design as simple as Basic reader it is a pretty simple change to do. Here is a step-by-step guide: The starting point The two content areas in the template…

How to add text shadows using CSS

One of many new possibilities that comes with CSS3 is the ability to add shadows on texts. It is an easy way of making a regular design a bit prettier, but it can also be useful to make some text elements easier to read. Browser support for text shadows is still not perfect as Internet…

Variant Multi, two alternate versions

The Variant Multi template got very positive feedback, but I got one e-mail about the fact that the narrow 600px layout wasn’t working very well on iOS devices – it appeared very narrow since the Safari Mobile viewport was not adjusted in the HTML. In order to provide a better option, I customized the template…

How to edit the Variant Multi layout options (part 2)

Continuing from part one of the short guide to editing the Variant Multi template layout, the next part to look at is the footer area. As seen in the examples included in the template (download variant-multi.zip to get the code), the footer can have 2-4 columns using two different widths. The footer: Halves and Quarters…

Menu