iceblue-test
  Werbung anpassen
 

Die Werbung im Design Iceblue anpassen:



Werbung über Design

hat keinen Klassennamen. Sie sitzt in einer Tabelle (table) mit der Höhe 102 (height="102").
Im CSS Code ansprechen können wir sie mit der "Anrede" table[height="102"]

Werbung oben zentrieren (mittig):
In beiden Beispiel-Codes enthalten

table[height="102"] {
  margin : auto; }

Die Werbung auf Headerfeld.
Vorteil: Design beginnt oben
Nachteil: Kein eigener Header
mit top = Abstand nach oben
margin-left: Abstand nach Links

table[height="102"] {
   position: absolute;
   left: 50%;
   top: 17px;
   margin-left: -240px; }


Werbung in rechter Box

Im Design Iceblue platziert sich die Werbung unter der ersten Box.
Beim anpassen der Boxen soll die Werbung das gleiche Aussehen bekommen.

Balken unter Werbe-Box:
Bekommt die Eigenschaften, die auch td.edit_rb_footer bekommen hat.
Siehe hier: Beispiel-Grafik
In beiden Beispiel-Codes enthalten !

td.edit_rb_footer_sky {
bekommt den gleichen Code 
den auch td.edit_rb_footer  
in unserem CSS-Code stehen hat.
}

Die Tabelle mit der Werbung
brauchen wir nur dann, wenn wir
#sidebar_heading_1 bis #sidebar_heading_5 auch
gestaltet haben.

#sidebar_heading_sky {
bekommt den gleichen Code, 
den auch #sidebar_heading_1 
in unserem CSS-Code stehen hat.
}


Werbung (in der Box) verschieben:

Wir können die Boxen-Werbung an den Bildschirm-Rand verschieben.

Der Vorteil:
Unsere Boxen 1 -5 stehen wieder zusammen. Kein endloses herunter-scrollen. Siehe Beispiel-Grafik

#sidebar_heading_sky {
   position: absolute;
   left: 1250px;
   top: 10px;
}

    Beachte: Funktioniert NICHT, wenn Iceblue auf 100% verbreitert wurde !


Werbung unter dem Design

Der Werbe-Text (#webme_footer_textlink_dont_hide) sitzt
in einem DIV (mit der Breite 920 Pixel). Wir müssen beide anpassen:

Die Werbung (unten) zentrieren.
Die Breite des DIV verkleinern wir hiermit.
In beiden beispiel-Codes enthalten.

div[style="width:920px;"] {
   width: 540px !important;
   overflow: hidden;
   margin: auto; }

Linktext (unten) anpassen.
In beiden beispiel-Codes enthalten.
Bei color: die Textfarbe ändern.

#webme_footer_textlink_dont_hide {
   color: #000000 !important;
   background: none !important; }





 
  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