iceblue-test
  Beispiel-Code
 

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".



 
  TESTTESTTEST  
 
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV