Site Network: Personal | My Company | Artist projects | Shop

Welcome to andreas02!

This is my second website template. This time, I made a 2-column layout featuring two versions of my CSS tab menu. The design is made with XHTML 1.1 and CSS, and it has no tables. To give some suggestions on how the design can be used, I have filled it with some example content.


The idea behind the design:

When it was time to redesign one of my sites, I got an idea about making one single design that all of my sites could use, and make some kind of official link network between the sites. My way of doing this turned out to be the use of toptabs (for selecting a website) and navitabs (for selecting subsections within the different sites). With a basic PHP template, all sites could now have the same design and share the same toptabs - but they can have their own separate content. If needed, each navitab can have a submenu in the sidebar, which allows this design to handle hundreds of pages while still keeping a quick and easy navigation. To make navigation more logical, each tab can have its own colorscheme. The "personal" site has blue colors, the "company" site is green, the "artist" site is red and so on...

Please note: I have not aimed at making any kind of trendy or shiny look for this design. I prefer to keep it clean and simple, and let others add the details that will make the design special and unique. However, the design has some useful built-in features, such as a print CSS and full functionality when degrading to no-CSS mode. You can use the design as it is, but I recommend that you play around with it. Add things, remove things, let your creativity flow. Andreas02 gives you a solid structure to build from.

An open source design!

If you like this layout and would like to use it in any way, you are free to do so. All I ask for is that you leave the "Design by Andreas Viklund" link in the footer of the site. If you would like to remove that line, or if you are interested in professional services that are related to webdesign or this layout (such as custom design, branding, scripting or programming), please contact me through my website for more information!

Version: 1.2 (November 28, 2005)