Seiteninhalt 1

Textblöcke im Seiteninhalt

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

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