This site
Adactio is written in valid XHTML strict and uses CSS for the layouts of each design theme.
Each page of the site is divided into elements wrapped up in semantically labelled <div> tags: "logo", "navigation", "eyecandy", "extra", "content" and "footer". By applying CSS positioning to these page elements, a range of layouts is possible.
Each design theme on offer uses a series of stylesheets. The basic stylesheet is readable by any CSS capable web browser. The stylesheets controlling typography and positioning are only visible to more recent, standards compliant browsers.
When someone chooses a new design theme, a cookie with the name of the theme is stored on their web browser. The PHP header file uses this cookie variable to point to the correct folder of stylesheets for that theme.
default
tatemodern
seaside
hi-tech
zeldman
adactizilla
sci-fi
renaissance
hirnlego