Iceblue-CSS

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 -->
Seite geschlossen.

Beispiel-Code

Beispiel-Code mit allen Klassen :
