BabyDo

Dieses Template verwendet eine fixe Breite von 650 px und wird zentriert dargestellt.

#main {
width: 650px;
margin: auto;
margin-top:5px;
text-align:center;
}

Der Header setzt sich zusammen aus dem Header Image und dem Menue. Der obere Teil des Images wird in der index.htm dargestellt der untere im Menue.

#header	{
background:#929BBA url(../images/header-1.jpg) 0 0 no-repeat;
height:312px;
color:#F3F1F1;
font-size:1.7em;
text-transform:lowercase;
text-align:center;
}

Das Menue wird per inline Frame eingebunden.

iframe class="menue" src="/menue.htm" frameborder="0" scrolling="no">

Die Textboxen enthalten ein top-image welches die abgerundeten Ecken darstellt und einen Verlauf enthält. Sie sind 520px breit und innerhalb des parent Containers zentriert.

p.text	{
margin:auto;
margin-bottom:10px;
width:520px;
padding:5px;
color:#FFFFCC;
background:#7B758A url(../images/text-top.jpg) 0 0 no-repeat;
font-size:0.7em;
text-align:left;
line-height:150%;
}

Das Menü setzt auf JavaScript. Die Grundlage des Menues besteht aus unsortierten Listen. Sehr gut zu sehen in der menue.css

Dieses Template ist CSS validiert und kann komplett im Downloadbereich heruntergeladen werden.