Design Clean
    >> Tipps zum anpassen

Seiteninhalt 1

Textblöcke im Seiteninhalt

zurück zur Übersicht

Schatten kann im CSS-Code entfernt werden. Oder mit gewünschter Hintergrundfarbe.

Überschrift 11.01.2013

Hier folgt eure Kurzbeschreibung. Datum könnt ihr oben neben dem Titel platzieren. Lückenfüllertext Lückenfüllertext und nochmal Lückenfüllertext. Die Beispielgrafiken zeigen übrigens die Insel Sylt. weiterlesen

Überschrift 08.01.2013

Hier folgt eure Kurzbeschreibung. Datum könnt ihr oben neben dem Titel platzieren. Beschreibung wird in kürze fortgesetzt. Die Kurzbeschreibung beendet ihr am besten mit einem Link zum weiterlesen

Überschrift 03.01.2013

Hier folgt die Kurzbeschreibung mit weiterführendem Link oben im Titel. Beschreibung wird in kürze fortgesetzt. Die Beispielgrafiken zeigen übrigens die Insel Sylt. weiterlesen



Schritt 1: Im Seiteninhalt einfügen

- auf "Seiten" klicken
- gewünschte Seite auswählen
- im Editor (Werkzeugleiste) oben links auf "Quellcode"
- folgenden HTML-Code einfügen:

<div class="c_news">
<img class="c_pic" src="Grafikadresse" alt="Bild">
<div class="c_right">
<h3>Hier Überschrift 1<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Grafikadresse" alt="Bild">
<div class="c_right">
<h3>Hier Überschrift 2<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>

<div class="c_news">
<img class="c_pic" src="Grafikadresse" alt="Bild">
<div class="c_right">
<h3>Hier Überschrift 3<span>hier Datum</span></h3>
<p class="c_text">Dein Infotext <a class="button" href="LINK">weiterlesen</a> 
</p>
</div>
</div>
- Füge die Grafikadressen ein
- ersetze LINK durch gewünschte Seitenadressen


Schritt 2: CSS Code einfügen

- auf "Design einstellen
- auf "Erweiterte Einstellungen"
- mit einfügen im Feld "Text über Design", vor dem --></style>

/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
   width: 95%;
   margin: 10px 0px 30px 0px;
   padding: 10px;
   overflow: hidden;
   box-shadow: 3px 3px 10px 3px #c9c9c9;
   background-color: #FFFFFF;
}

/* Grafik */
img.c_pic {
   width: 150px !important;
   float: left;
   margin-right: 20px;
 }

.c_right {overflow: hidden;}

/* Eigenschaften für Titel */
.c_right h3 {
   font-weight: bold;
   border-bottom: 1px dotted #666666;
   color: #343434;
   padding-right: 5px;
   margin: 0px 0px 5px 0px;
}

/* Eigenschaften für Datum */
.c_right h3 span {
   float: right;
   display: block;
   color: #666666;
   font-weight: normal;
   font-size: 12px;
}

/* Eigenschaften Infotext */
.c_text {
   font-size: 12px;
   font-family: arial;
}

/* Eigenschaften Linktext */
.c_text a{
   float: right;
   display: block;
   margin-top: 5px;
}




Bei Fragen einfach das Gästebuch benutzen


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 :4 Aufrufe



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

nach Oben