. - CSS Coding erklärung

CSS Coding erklärung

Kleine erklärung für Coding Css für Homepage-Baukasten
Nur die Bundmakirten sachen beim Coding ändern !
nur das wichtigste erklärt ! Und Credit link nicht vergessen ! -.-

td[height="102"] {position:absolute;left:0%;margin-left:120px; } a:link {color: #007aff;font-family: Tahoma;text-decoration: 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;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav {display: none;}

a{ color:#4af3f1; text-decoration: none; font-size:12px; font-family: Tahoma;}
a:hover { color: #4af3f1; font-size: 12px; text-decoration: none; font-family: Tahoma;}
a:link {color: #4af3f1; font-size: 12px; font-family: Tahoma; text-decoration: none;}
a:active { color: #4af3f1; font-size: 12px; text-decoration: none; font-family: Tahoma;}
a:visited { color: #4af3f1; font-size: 12px; text-decoration: none; font-family: Tahoma;}

Erklärung: Rot ist eure Farbe wie der Text angezeig wird, Blau ist die Schriftgröße & Lila die Schriftart.

::-moz-selection
{background: #4af3f1;}

Erkläurng: Die Farbe beim Makiren eures Textes

/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px; }

/* Hintergrund */
body {
background-color: #000000;
background-image: url(xx); }

Erklärung: Rot eure Farbe des Hintergunds oder Orange der URL von eurem Hintergundbild

/* Hintergrund-Container mit Bild */
#container {
width:1028px;
height:900px;
background-image:url(xxx);}

Erklärung: Euer vordergund bild " das eig Design" Blau die Breite, Grün die höhe & Pink der URL Link

#content {
position: absolute;
font-family: Tahoma;
left: 0px;
top: 366px;
margin-left:30px;
width: 586px;
height: 570px;
padding:10px;
color: 848688;
font-size:9px;
background-color:#XXXXXX;
background-image: none;
border: 1px solid transparent;
overflow:auto;;}
#content a{ color:#000080;}

Erklärung: Euer Content,dort wo eure eig Seiten angezeigt werden, Rot die schrift art, Pink wieiviele Pixel es von oben nach unten runter geht, Blau Die höhe ( für durchgehendes design einfach weg lassen), Lila die Breite, Orang die Schriftgröße, Dunkelblau die Hintergundfarbe

/* rechte Box */
#sidebar_container {
position: absolute;
left: 0%;
top: 128px;
margin-left: 620px;
width: 250px;
height: 200px;
line-height:9px;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
overflow: auto;
border: 0px solid #FFFFFF;}

Erklärung: Euer Rechtebox , wo ihr Toppartner CBox oder sonstiges reinmachen könnt , Rot die schrift art, Pink wieiviele Pixel es von oben nach unten runter geht, Blau Die höhe ( für durchgehendes design einfach weg lassen), Lila die Breite, Orang die Schriftgröße,

#nav_container{
position: absolute;
left: 0%;
top: 368px;
width: 130px;
height: 100px;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
border:0px dotted #e5504c;}

td.edit_navi_headbg {
background-image: url(xx);
background-color: transparent;
border: 1px solid #FFFFFF;
}

ul#nav{
width: 20px;
padding:0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

Erklärung: Eure Navi mit HoverEffekt, Rot die höhe, Rosa die breite, Orang die Schriftfarbe, Grün die Schriftgröße, HellBlau URL Link, dunkelblau hintergundfarbe

li.nav_element a{
display: block;
width: 120px;
padding: 1px;
font-weight:;
text-decoration:;
text-align: center;
font-family: Verdana;
font-size: 9px;
text-align: justify;
letter-spacing: 3px;
color: #ffffff;
background-color:#fb9ad2;
background-image:url(xx);
border: 1px dotted e5504c;}

li.nav_element a:hover{
color: 000000;
background-color:transparent;
background-image:url(http://i48.tinypic.com/s5iz6e.jpg);}

Erklärung: Der HoverEffekt, Mitte/Links/Rechts bestimmten, Rosa schriftfarbe, Orang schriftgröße, Grün hintergundfarbe, HellBlau Hintergrund URL Link