Affic.de.tl - Iceblue Design coden

Iceblue Design coden

Das Tutorial hat mir freundlicherweise vernox.de.tl alias zentrum96.de.tl bereitgestellt.

Das ist der Grundcode:

Also, die erklärungen:

An

td{color:#ffffff;}
a{color:#ffffff;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}

verändern wie vorerst nichts!

Aber den Hintergrund verändern wir mit

body{background-attachment:fixed;background-image: none;}

, zwichen die klammer müsst ihr nur noch die url des zuvor hochgeladenem bildes einfügen.Achtet aber darauf, das das bild groß genug ist!

So, kommen wir zum nächstem schritt, der navigation

td.nav{background-image: none;}
td.nav:hover{background-image: none;}
td.nav_heading{background-image: none;}
td.nav a{color:#FFFFFF;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;}

Bei

td.nav{background-image: none;}

fügen wir den button ein, der immer angezeigt werden soll.
Bei

td.nav:hover{background-image: none;}

den code, für den button der angezeigt werden soll, wenn man mit der maus drauf kommt.
Bei

td.nav_heading{background-image: none;}

das bild, das als header über der navigation angezeigt werden soll.
Und mit

td.nav a{color:#FFFFFF;}

stellen wir die farbe des textes ein.
Mit

td.edit_below_nav{visibility:hidden;}

machen wir nichts.
Aber mit

td.edit_navi_headbg{background-image: none;}

zu guter letzt stellen wir den hintergrungstreifen der navi ein.

Nächster schritt: der header
Der code für den headerbereich:

td.edit_header_full{background-image: none;}
td.headline2{background-image: none;}
td.headline{background-image: none;}

Bei

td.edit_header_full{background-image: none;}

fügen wir die header url ein.
Und bei

td.headline2{background-image: none;}
td.headline{background-image: none;}

machen wir in diesem tutorial nichts.

Nächster schritt: Der inhaltsbereich
Der code:

td.edit_content_top{background-image: none;}
td.edit_content{background-image: none;}
td.edit_content_bottom{background-image: none;}
td.edit_content_bottom2{background-image: none;}

Mit

td.edit_content_top{background-image: none;}

stellen wir das bild ein, das headerartig über dem inhaltsbereich steht.
Mit

td.edit_content{background-image: none;}

das hintergrungbild des inhaltsbereiches.
Und mit

td.edit_content_bottom{background-image: none;}
td.edit_content_bottom2{background-image: none;}

die beiden kleinen bilder unter dem inhaltsbereich.

Nächster schritt: hier unnötiges zeug
An dem folgenedem code verändern wir hier nichts, jedoch sollte auch dieser teil im designcode enthalten sein.

td.edit_rechts_sbg{background-image: none;}
td.edit_rechts_cbg{background-image: none;}
td.edit_rb_footer{background-image: none;}

Letzter schritt: Die rechten boxen

Der gesamte code:

td.shouty{background-image: none;background-color:transparent;}
td.shouty2{background-image: none;background-color:transparent;}
td.shouty3{background-image: none;background-color:transparent;}
td.shouty4{background-image: none;background-color:transparent;}
td.shouty5{background-image: none;background-color:transparent;}
td.edit_rechts_bottom{background-image: none;}
td.sidebar_heading{background-image: none;}

Also: mit

Stellen wir das hintergrungbild der einzellnen boxen ein. (die nummerrierung steht für die jeweilige box)

Mit

td.edit_rechts_bottom{background-image: none;}
td.sidebar_heading{background-image: none;}

stellen wir den ,,header´´der rechten boxen ein und den hintergrundstreifen.

Ich hoffe, dass ihr das alles einiger maßen begriffen habt