Myslím, že aspoň pre inšpiráciu toto zverejnenie bude dobré. Čo sa týka CSS, nie je to ešte to pravé orechové, pretože som na tom pracoval už dávnejšie - mala to byť stránka konkrétneho projektu, no nakoniec sa design a layout nevyužil. Layout je "EM friendly" - čo to je? Ak máte IE skúste CTRL + koliesko myši. Už ani neviem čo všetko bolo upravené, no keď porovnáte zdrojáky s 2.5.5b máte to ako na dlani. Grafika layoutu by mala ísť ľahko meniť len editáciou CSS súboru a zmenou príslušných obrázkov. V adresári layoutu sú *.jpg a *.gif súbory pre iné varianty, stačí zmeniť CSS-ko.
Príklad:
ako pozadie jednotlivých blokov je tu súbor ds-col-1b.jpg pre vrch pravého stĺpca a ds-col-2b.jpg pre spodok ľavého stlpca. Ak zmeníte súbory na ds-col-1a.jpg a ds-col-2a.jpg (súbory sú v layoute) zmení sa pozadie blokov. Podobne je tomu aj u pozadia celej stránky, sú tam štyri varianty ds-layout-1.png ... Experimentovaniu zdar!
#col-1
{
position: relative; width: 199px; top: 0; left: 33; margin: 0;
float: left; overflow: hidden;
background-image: url('ds-col-1b.jpg'); background-repeat: no-repeat;
background-position: left top;
}
#col-2
{
position: relative; width: 508px; top: 0; right: 14; margin: 0;
float: right; overflow: hidden;
background-image: url('ds-col-2b.jpg'); background-repeat: no-repeat;
background-position: 0 -600;
}