Seiteninhalt 2
Weitere Möglichkeit
zurück zur ÜbersichtDies ist der erste Textblock. Den Farbbalken haben wir mit border-left erzeugt. Rahmenstärke 13. Den Außenabstand zwischen den Textblöcken legen wir mit margin-bottom fest. Es können auch Überschriften in den Textblöcken eingefügt werden. Am besten mit dem <h3> Titel </h3> weiterlesen
Dies ist der zweite Textblock. Den Farbbalken haben wir mit border-left erzeugt. Rahmenstärke 13. Den Außenabstand zwischen den Textblöcken legen wir mit margin-bottom fest. Es können auch Überschriften in den Textblöcken eingefügt werden. Am besten mit dem <h3> Titel </h3> weiterlesen
Dies ist der dritte Textblock. Den Farbbalken haben wir mit border-left erzeugt. Rahmenstärke 13. Hier Rahmenart "double" . Den Außenabstand zwischen den Textblöcken legen wir mit margin-bottom fest. Es können auch Überschriften in den Textblöcken eingefügt werden. Am besten mit dem <h3> Titel </h3> weiterlesen
Schritt 1: Den HTML-Code im Seiteninhalt einfügen
- Einloggen in Homepage
- auf "Seiten" klicken
- gewünschte Seite auswählen
- im Editor (Werkzeugleiste) oben links auf "Quellcode"
- folgenden HTML-Code einfügen:
<p class="textblock" style="border-left: 13px solid chocolate;"> HIER DEINEN INHALT EINFÜGEN <a href="/Seitentitel.htm">weiterlesen</a> </p> <p class="textblock" style="border-left: 13px solid brown;"> HIER DEINEN INHALT EINFÜGEN <a href="/Seitentitel.htm">weiterlesen</a> </p> <p class="textblock" style="border-left: 13px solid orange;"> HIER DEINEN INHALT EINFÜGEN <a href="/Seitentitel.htm">weiterlesen</a> </p>- füge im HTML-Code die Seitenadressen ein
Schritt 2: Den CSS-Code einfügen
im Feld "Eigener <head> - Inhalt" , findet Ihr bei "Extras".
p.textblock {padding: 5px 10px 5px 10px; margin-bottom:40px;} p.textblock a { display: block; color: #343434; text-decoration: none; font-weight: bold; font-size: 13px; float: right; margin: 5px 15px 0px 0px; font-style: italic; }