Titel der neuefcn Seite
Dies ist ein CSS Layout Mustercode für HPBK. Der Mustercode darf nicht auf deiner Seite angeboten werden! Ein Creditlink ist Pflicht! Ich habe es so gut wie möglich versucht es zu erklären damit auch Anfänger es verstehen, bei Fragen diese im Ask me Stellen!
Öffne deinen Editor/Textedit und füge nacheinander die Folgenden Codeschnipsel ein und verändere die Rot Markierten Dinge
.ueberschrift{
display: block;
font-family: SCHRIFTART DER ÜBERSCHRIFT;
font-size: SCHRIFTGRÖßEpx;
color: #FARBE DER ÜBERSCHRIFT;
text-decoration: none;
text-align: center;
margin-bottom: 2px;
margin-right: 1px;
line-height: 5 px;
letter-spacing: 1px;
border-bottom: 2px solid #FARBE DER UNTERSTRICHENEN LINIE;}
display: block;
font-family: SCHRIFTART DER ÜBERSCHRIFT;
font-size: SCHRIFTGRÖßEpx;
color: #FARBE DER ÜBERSCHRIFT;
text-decoration: none;
text-align: center;
margin-bottom: 2px;
margin-right: 1px;
line-height: 5 px;
letter-spacing: 1px;
border-bottom: 2px solid #FARBE DER UNTERSTRICHENEN LINIE;}
Mit diesem Code, haben wir die Überschrift gecodet, den Code kann man auch weglassen falls keine Überschrift erforderlich ist
Alles was Rot Markiert ist muss verändert werden!
Alles was Rot Markiert ist muss verändert werden!
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#Glam0ur-Arts_content {display: none;}
div.header{display: none;}
h2#title{display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#Glam0ur-Arts_content {display: none;}
div.header{display: none;}
h2#title{display: none;}
Hier wird NICHTS verändert!
a:link {
color: #SCHRIFTFARBE DES TEXTLINK;
font-size: SCHRIFTGRÖßEpx;
font-family: SCHRIFTART DES TEXTLINK;
text-decoration: none;}
color: #SCHRIFTFARBE DES TEXTLINK;
font-size: SCHRIFTGRÖßEpx;
font-family: SCHRIFTART DES TEXTLINK;
text-decoration: none;}
Die Textfarbe eines Links und die Schriftart muss angegeben werden! Außerdem die Schriftgröße!
NUR DAS ROTMARKIERTE VERÄNDERN!
a:visited {
color: #ffffff;
font-size: 9px;
font-family: Verdana;
text-decoration: none;}
a:hover {
color: #ffffff;
font-size: 9px;
font-family: Verdana;
background-color: #6a9150; }
body {
background-color: #HINTERGRUNDFARBE; }
background: url(HTTP://WWW.HINTERGRUND.DE)}
*{ padding: 0; margin: 0; }
background-color: #HINTERGRUNDFARBE; }
background: url(HTTP://WWW.HINTERGRUND.DE)}
*{ padding: 0; margin: 0; }
Die Hintergrundfarbe des Gesamten Layouts muss angegeben werde und falls notwendig ein Hintergrundbild, wenn kein Hintergrund bild erwünscht ist, die Url HTTP://WWW.HINTERGRUND.DE rauslöschen
Wenn keine Hintergrundsfarbe und kein Hintergrundsbild eingetragen wird, ist die Standartfarbe #ffffff Weiß der Hintergrund
NUR DAS ROTMARKIERTE VERÄNDERN!
#Glam0ur_Arts {
margin: 600 auto;
width: BREITE DES LAYOUTSpx;
height: HÖHE DES LAYOUTSpx;
background-image:url(LAYOUT URL);}
margin: 600 auto;
width: BREITE DES LAYOUTSpx;
height: HÖHE DES LAYOUTSpx;
background-image:url(LAYOUT URL);}
Du musst die Breite deines Designs und die Höhe Eintragen und das Wichtigste, dass man NICHT vergessen sollte die URL 
NUR DAS ROTMARKIERTE VERÄNDERN!
NUR DAS ROTMARKIERTE VERÄNDERN!
#content {
position: absolute;
left: IN PIXEL DEN CONTENT NACH LINKS SCHIEBENpx;
top: IN PIXEL DEN CONTENT NACH UNTEN SCHIEBENpx;
margin-left:-423px;
width: BREITE DES CONTENTpx;
height: HÖHE DES CONTENTpx;
padding:10px;
color: #SCHRIFTFARBE;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: SCHRIFTGRÖßEpx;
text-align: justify;
word-spacing: 1px;
letter-spacing: 0px;
Hier coden wir den Content, die Erklärungen sind direkt im Code.
NUR DAS ROTMARKIERTE VERÄNDERN
NUR DAS ROTMARKIERTE VERÄNDERN
background-image:url(HINTERGRUNDURL);
overflow:auto;}
Hier kann der Hintergrund des Contents bestimmt werdem. Muss es aber nicht.
#sidebar_container{
position: absolute;
left: 0%;
top: 1210px;
margin-left: 10px;
width: 970px;
height: 100px;
font-family: verdana;
font-size: 9px;
background-color:#transparent;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:auto;}
#nav_container{
position: absolute;
left: 700px;
top:540px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: Handy00;
border:0px solid #6a9150;}
::-moz-selection
{
background: #6a9150;
color: #ffffff;
}
ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}
li.nav_element a{
display: block;
width: 190px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
word-spacing: 1px;
letter-spacing: 3px;
color: #ffffff;
background-color:#6a9150;
background-image:url(xx);
border: 0px solid transparent;}
li.nav_element a:hover{
color: #ffffff;
background-color:#6a9150;
background-image:url(xx);} //-->