Sie sind hier:  Startseite   ‣   Information & Hilfe   ‣   Kleine Sammlung nützlicher…   ‣   Muster für "Neuer Beitrag"

Muster für "Neuer Beitrag"

Linke Spalte (für Minibild mit optionaler Bildunterschrift)

<!-- ############# Linke Spalte (für Minibild mit optionaler Bildunterschrift) ############# -->
&nbsp;  
Leerzeichen
<div class="beitrag-li">
<img src="
URL Minibild" />
<span style="font-size:0.8em; color:#ccc;">
Bildunterschrift</span>
</div>

rechte Spalte (für kurzen Beschreibungdtext)

<!-- ############# rechte Spalte (für kurzen Beschreibungdtext) ############# -->
<div class="beitrag-re">
<span style="font-size:1.1em; color:#069;">
blauer TEXT</span>
<p>
weiterer TEXT</p>
</div>

weiterlesen (einfügen durch Klick auf "more")

<!--more-->

Abschließendes "Clear" (zum Aufheben der beiden Floatings)

<!-- ############# Floating aufheben (Inhalt wieder rechtsbündig) ############# -->
<div style="clear: both"></div>

Ausgeblendeter Text

<p>weiterer Inhalt</p>
(Dieser Inhalt erscheint erst nach Klick auf „(weiterlesen…)”)

Beschreibendes Bild

beitragschema

(größere Ansicht: Klick ins Bild)

Hinweis

Zwischen die Auszeichnugen

  • <!--   (Einleitung)
  • und
  • -->     (Ausleitung)

gesetzter Quelltext ist ein „Kommentar” und wird somit von allen Browsern auf der Internetseite ausgeblendet (NICHT angezeigt).

Kommentartexte dienen der schnelleren Orientierung/Beschreibung. Auch können mit solchen ausgezeichneten Bereichen deren Inhalte ausgebledet (also auf „unsichtbar”) gesetzt werden.

Beispiel:

<!-- dieser Text ist ein „Kommentar” und wird NICHT angezeigt -->