Search:

The Cascaded Style Sheets (CSS) used for jonsson.eu

The philosophy of the styling of jonsson.eu is that no visual formatting whatsoever should be contained in the XHTML code of the site. The visual styling is instead throughout handled using CSS, which besides providing a more portable markup also provides a simple way of coherently switching style of the site. The style sheets which so far have been developed for jonsson.eu are below listed together with corresponding screenshots of the entry page. To apply any of the styles to the web site, please feel free to use the combo box labeled "Select theme" in the side content.


The "Bluebox" style

This style is obtained using the CSS blocks of jonssona.css, styling the site as:
Bluebox CSS layout
Apply the Bluebox style | View CSS source | Download jonssona.css [43 kB]


The "Wireframe" style

This style is obtained using the CSS blocks of jonssonb.css, styling the site as:
Wireframe CSS layout
Apply the Wireframe style | View CSS source | Download jonssonb.css [54 kB]


The "Chameleon" style

This style is obtained using the CSS blocks of jonssonc.css, styling the site as:
Chameleon CSS layout
Apply the Chameleon style | View CSS source | Download jonssonc.css [44 kB]


The "Typographic" style

This style, which is the default one as used for jonsson.eu, is obtained using the CSS blocks of jonssond.css, styling the site as:
Typographic CSS layout
Apply the Typographic style | View CSS source | Download jonssond.css [53 kB]


Unstyled XHTML

Finally, the unstyled, raw XHTML is shown in all its beauty:
Unstyled by CSS
Apply the unstyled design


Return to previous page

Leave a message

Your name:

Your email: (required)

Message:

Generated by ::emailform::

Last modified Monday 21 Feb 2011