Beispiel-Code
Beispiel-Code mit allen Klassen :
- Dieser Code enthält alle Felder des Designs
- Ihr könnt jedes Feld (Klasse) anpassen
- Über den Codes steht immer ein /* Info-Text *
- Wer den Code nicht komplett verwenden möchte : Hier klicken
- 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-color: #5EA59B; background-image: url(https://img.webme.com/pic/i/iceblue-css/body3_bg.png); 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-css/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-color: ; background-image: none; } /* Titel über Navi */ td.nav_heading { color: #FFFFFF!important; text-align: center; height: 29px; background-color: #000000; background-image: url(https://img.webme.com/pic/i/iceblue-css/balken_schwarz.jpg); border: 1px solid #000000; } /* Navi Button */ td.nav { background-color: #343434; background-image: none; border: 1px solid #000000; } /* Hover Navi-Button */ td.nav:hover { background-color: #000060; background-image: url(https://img.webme.com/pic/i/iceblue-css/animiert.gif); border: 1px solid #000000; } /* Textlinks in Navi */ td.nav a { color: #FFFFFF; font-size: 14px; font-family: arial,verdana; text-decoration: none; text-align: left; } /* Hover Textlink Navigation */ td.nav a:hover { color: #FFFFFF; } /* aktuell besuchte Seite */ tr.checked_menu td { background-color: #6f8ac4; background-image: none; } /* Bild unter Navi entfernt */ td.edit_below_nav {display: none;} /* Balken über Seiteninhalt */ td.edit_content_top { height: 29px; background-color: #000000; background-image: url(https://img.webme.com/pic/i/iceblue-css/balken_schwarz.jpg); border: 1px solid #000000; } /* Titel im Seiteninhalt */ td.headline2 { color: #FFFFFF; font-size: 12px; text-align: left; } /* Seiteninhalt */ td.edit_content { padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF; background-image: none; border: 1px solid #000000; } /* Schriftgroesse - Schriftart */ div, td { font-size: 13px; font-family: arial; } /* Abstand Links im Seiteninhalt */ td.edit_content_left_spacer { background-color: #FFFFFF; background-image: none; } /* Abstand Rechte im Seiteninhalt */ td.edit_content_right_spacer { background-color: #FFFFFF; background-image: none; } /* Balken unten im Seiteninhalt */ td.edit_content_bottom { height: 29px; background-color: #000000; background-image: url(https://img.webme.com/pic/i/iceblue-css/balken_schwarz.jpg); border: 1px solid #000000; } /* Zweiter Balken unter Inhalt (mit Counter) */ td.edit_content_bottom2 { background-color: ; background-image: none; } /* Counter / Besucherzähler */ td.edit_content_bottom2_counter { font-size: 12px!important; background-color: #c9c9c9; border: 1px solid #000000; } /* Feld hinter / unter Seiteninhalt */ td.edit_rechts_cbg { height: 50%!important; background-color: ; background-image: 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-color: #000000; background-image: url(https://img.webme.com/pic/i/iceblue-css/balken_schwarz.jpg); border: 1px solid #000000; } /* rechte Boxen 1 bis 5 */ td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 { color: #000080; text-align: center; background-color: #F2F2F2; background-image: none; border: 1px solid #000000; } /* Abschluß unter Boxen 1 bis 5 entfernt mit */ td.edit_rb_footer {display: none; } /* Hintergrund unter rechten Boxen */ td.edit_rechts_bottom { background-color: ; background-image: none; } --> </style> <!-- Nach dem </style> keine CSS-Codes mehr -->