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
Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s