Design Clean
    >> Tipps zum anpassen

Boxen

Weitere Boxen einfügen

Das Design "Clean" besitzt nur eine rechte Box, aber wir können hier mehrere einfügen

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

Schritt 1: Einfügen im Feld "rechte Box"

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>



Schritt 2: Der CSS Code

- 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; 
}

Schritt 3: Inhalt einfügen

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


Auf jeder Seite eine anderer Boxen-Inhalt

es ist auch möglich, das auf jeder Seite ein anderer Boxen-Inhalt angezeigt wird :
Beschreibung hier : Seiten mit unterschiedlichen Boxen-Inhalt




Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :26 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben