Kategorien
CSS Templates Stylesheets Webentwicklung

CSS Vorlage DesertSand 01 vorgestellt

CSS Vorlage DesertSand – Der Header setzt sich zusammen aus dem Header Image und dem Menü. Der obere Teil des Images wird in der index.htm dargestellt.

Dieses Template (CSS Vorlage DesertSand) 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 bei der CSS Vorlage DesertSand 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

Schreiben Sie einen Kommentar

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