Beispiel-Code mit allen Klassen :
der Code enthält alle Felder des Designs
der Code enthält alle Anpassungen (zentriert, verbreitert u.s.w.)
Ihr könnt jedes Feld (Klasse) anpassen (Farbe oder Grafik)
Über den Codes steht immer ein /* Info-Text *
Einfügen im Feld : "Text über Design"
<style type= "text/css">
<!--
/* Nullformatierung für alle Browser */
* {margin:0px; padding:0px;}
/* Hintergrund hinter Design */
body {
background: url(https://img.webme.com/pic/i/iceblue-test/body3_bg.png ) #5EA59B;
background-repeat: repeat-x;
background-attachment: fixed;
font-size: 14px;
font-family: arial;
color: #000000; }
/* Werbung über Design mittig */
table [height="102"] { margin: auto; }
/* Das Design mittig */
table. edit_main_table { margin: auto; }
/* kein scrollen bei kurzen Seiten */
td.edit_main_tr {
height: 50% !important; }
/* Header oben */
td.edit_header_full {
background-color: #343434;
background-image: url(https://img.webme.com/pic/i/iceblue-test/beispiel_01.png );
background-repeat: no-repeat;
border: 1px solid #000000; }
/* Titel im Header entfernen */
td.headline { visibility: hidden;}
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%!important;background: none; }
/* Titel über Navi */
td.nav_heading {
color: #FFFFFF !important;
text-align: center;
height: 29px;
background: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg ) #000000;
border: 1px solid #000000; }
/* Navi Button */
td.nav {
background: none #343434;
border: 1px solid #000000; }
/* Hover Navi-Button */
td.nav:hover {
background: url(https://img.webme.com/pic/i/iceblue-test/animiert.gif ) #000060;
border: 1px solid #000000; }
/* Textlinks in Navi */
td.nav a {
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
text-align: left; }
/* Hover Textlink Navigation */
td.nav a:hover {
color: #FFFFFF; }
/* aktuell besuchte Seite */
tr.checked_menu td { background: none #6f8ac4 }
/* Bild unter Navi entfernt */
td.edit_below_nav { display: none;}
/* Balken über Seiteninhalt */
td.edit_content_top {
height: 29px;
background: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg ) #000000;
border: 1px solid #000000; }
/* Titel im Seiteninhalt */
td.headline2 {
color: #FFFFFF;
font-size: 12px;
text-align: left; }
/* Seiteninhalt */
td.edit_content {
padding: 15px 0px 15px 0px;
background: none #FFFFFF;
border: 1px solid #000000; }
/* Abstand Links im Seiteninhalt */
td.edit_content_left_spacer {
background: none #FFFFFF; }
/* Abstand Rechte im Seiteninhalt */
td.edit_content_right_spacer {
background: none #FFFFFF; }
/* Balken unten im Seiteninhalt */
td.edit_content_bottom {
height: 29px;
background: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg ) #000000;
border: 1px solid #000000; }
/* Zweiter Balken unter Inhalt (mit Counter) */
td.edit_content_bottom2 {
background: none; }
/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-size: 12px!important;
background: none #c9c9c9;
border: 1px solid #000000; }
/* Feld hinter / unter Seiteninhalt */
td.edit_rechts_cbg {
height: 50%!important;
background: none; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
text-align: center;
height: 29px;
background: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg ) #000000;
border: 1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
text-align: center;
background: none #F2F2F2;
border: 1px solid #000000; }
/* Inhalt WERBUNG BOX 2 */
td.shoutysky { background: none; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer { display: none; }
/* Abschluss unter Werbebox entfernt */
td.edit_rb_footer_sky {display: none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom { background: none; }
/* Feld Werbung unten */
div[style="width:920px;"] {
width: 570px !important;
margin: auto;
overflow: hidden; }
/* Textlink Werbung unten */
#webme_footer_textlink_dont_hide {
background: none !important;
color: #000000; }
-->
</style>
<!-- Nach dem </style> keine CSS-Codes mehr -->
Das Hintergrundbild kann gegen ein eigenes ausgetauscht werden.
Siehe Codezeile body . Eigene Grafikadresse in der Klammer bei url() einfügen.
Mehr Infos findet Ihr auch im Menü unter "Hintergrund".