Pagination – Test

Erste Seite.

Advertisements

Bild als Listenpunkt – Test

Um einer Liste ein eigenes Bild als Listenpunkt zuzuweisen, nutzt man die CSS-Eigenschaft „list-style-type“. Das erledigt man entweder per kostenpflichtigem Custom Design Upgrade oder mit Hilfe von etwas Inline CSS im Text-Editor (HTML Ansicht) des jeweiligen Beitrags.

Als HTML Code sieht es dann aus wie hier unten. Als Beispielbild habe ich den Ausrufezeichen-Smiley verwendet. Um das eigene Bild zu verwenden, muss einfach die URL/der Link in der Klammer durch die des eigenen Bildes ersetzt werden.

HTML-Code:

<ul style="list-style-image:url('http://s0.wp.com/wp-includes/images/smilies/icon_exclaim.gif?m=1416284055h');">
<li>1. Punkt</li>
<li>2. Punkt</li>
<li>3. Punkt</li>
<li>4. Punkt</li>
<li>5. Punkt</li>
</ul>

Ergebnis:

  • 1. Punkt
  • 2. Punkt
  • 3. Punkt
  • 4. Punkt
  • 5. Punkt