Kategorien
CSS Templates Stylesheets Webentwicklung

CSS Vorlage DesertSand 01

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 Menü wird per inline Frame eingebunden.

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.

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

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.

96 kB

Von Michael

wohnhaft in München
arbeite bei der Landeshauptstadt München

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert