Code:
/* Allgemein */
body {
background-image: url(); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #000000; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
}
a {
color: #b1b1b1; /* Farbe der Links */
}
/* Container */
#design1 {
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #030100; /* Hintergrundfarbe des Containers */
border: 1px solid #a4a4a4; /* Rand um das Design */
}
#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}/* Header */
#header_container {
height: 150px; /* Höhe des Headers */
background-color: #b1b1b1; /* Hintergrundfarbe des Headers */
border-bottom: 1px solid #b1b1b1; /* Rand am unteren Ende des Headers */
}
#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}
#header {
background-image: url(http://s3.directupload.net/images/100715/sjwcpuiu.jpg);/*
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 50px; /* Abstand vom oberen Rand */
color: #000000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
} /* Navigation */
#nav_container {
float: left; /* richtet die Navigation links aus */
width: 200px; /* Breite der Navigation */
}
#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}
#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}
#nav li {
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.2em; /* Schriftgröße */
display: block; /* vergrößert die Navigation auf volle nav_container Breite */
border-bottom: 1px solid #999999; /* unterer Rand */
}
#nav li:hover {
border-bottom: 1px solid #ff0000; /* unterer Rand im Hovereffekt */
}
#nav li.subpage {
background-color: #999999; /* Hintergrundfarbe bei Unterseiten */
padding-left: 25px; /* Innenabstand nach links bei Unterseiten */
}
#nav a {
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}
#nav a:hover {
color: #ff0000; /* ändert die Schriftfarbe beim Hovereffekt */
} /* Content */
#content_container {
float: left; /* positioniert den Content links neben die Navigation */
width: 699px; /* Briete des Contents */
border-left: 1px solid #888888; /* linker Rand */
}
#content {
padding: 15px; /* Innenabstand des Contents */
}
/* Klassen entfernen */
#counter, #sidebar_container {
display: none; /* Sidebar und Counter werden unsichtbar gemacht */
}
Der header wird nicht ganz angezeigt.
Link vom Header:
http://s3.directupload.net/images/100715/sjwcpuiu.jpg
Hp Link:
http://quad-cycles.de.tl/Home.htm
Mfg quad-cycles.de.tl