Boxen

- im Feld "rechte Box" fügen wir 3 DIV Felder ein
- diese 3 DIV bekommen einen Klassennamen (z.B. "boxen")
- und jede Box eine Überschrift mit <h2> </h2>, die gestalten wir zu einem "Balken"

auf "Design" | auf "Designeinstellungen" | auf "erweiterte Einstellungen anzeigen" | dort "1. rechte Box"

<div class="boxen"> 
<h2>Überschrift</h2>
Hier Dein Inhalt Box 1 
</div>

<div class="boxen"> 
<h2>Überschrift</h2>
Hier Dein Inhalt Box 2 
</div>

<div class="boxen"> 
<h2>Überschrift</h2>
Hier Dein Inhalt Box 3 
</div>

- mit dem CSS-Code bekommen die Felder Breite, Hintergrundfarbe, Abstände u.s.w.
- Code Einfügen Feld "Text über Design", zwischen <style type="text/css"><!-- und --></style>
- Wer das Menü auf linker Seite hat, muss bei width: die Breite auf 87% ändern

/* Original-Box Hintergrundfarbe weiß */
#sidebar {
  background-color: #FFFFFF!important;
}

/* Aussehen neue Boxen */
.boxen {
  width: 90%;
  min-height: 100px;
  padding: 10px;
  margin: 0px 0px 20px 0px;
  background-color: #EEEEEE;
  border: 1px solid #c9c9c9;
  overflow: hidden;
} 

/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
  background-color: #2B71BE;
  color: white;
  font-size: 14px;
  margin: -10px 0px 20px -20px;
  width: 225px;
  padding-left: 30px;
  box-shadow: 3px 5px 10px 5px #bbb; 
}

Ersetze die Texte "Hier Inhalt Box" durch eigenen Text (Inhalt)

Auf jeder Seite eine anderer Boxen-Inhalt