Aufzählungszeichen (Grafik) in Posts

Ratlosermann

Hallo Leute!

Ich brauche mal wieder eure hilfe. Ich möchte statt den normalen Aufzählungszeichen (in Posts) eine Grafik verwenden.

Ich habe habe umfassend hier im Forum gesucht, jedoch für mich keine brauchbare Lösung gefunden.

Ich benutzte die aktuelle WP-Version 2.1.3 und das Theme Aargau.

Hier geht es zu meinem Blog ->

Ich hoffe, ihr könnt mir helfen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

jottlieb

list-style-image: Aufzählungsgrafik: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Ratlosermann

Hallo jottlieb :)

Vielen Dank für deine schnelle Antwort. Ich kenne die Seite aus meinen Recherchen hier im Forum. Jedoch (so glaube ich) ist es nicht das was ich erreichen möchte.

Ich möchte gerne dies in der *css festlegen.
So das bei jeder Auflistung die Grafik automatisch kommt.

SuMu

Listamatic: Using CSS background images for bullets

Ratlosermann

Danke auch dir SuMu :)

Jedoch treten keine Änderungen ein, wenn ich den Code (natürlich angepasst) in die *css einfüge.

Code

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}


#navlist li
{
padding-left: 10px;
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

Alles anzeigen

Ich möchte nocheinmal darauf Hinweisen, mir geht um Aufzählungszeichen in Posts bzw. Beiträge/Seiten.

SuMu

den code nur in die css zu packen nützt dir auch nichts, du musst den code auch noch in der sidebar damit auszeichnen oder wo du genau diese änderung haben möchtest.

Ratlosermann

Wieso Sidebar? Ich möchte dies in Beiträgen/Seiten haben. Es musst doch automatisch gehen. Jeweils habe ich es so im Mistylook Theme gesehen, das statt des Punktes eine Grafik kam.

SuMu

teste das mal so:

#postbox ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#postbox li
{
padding-left: 10px;
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

Ratlosermann

Hat geklappt :)...danke!

Wie passe ich die Postion der Grafik an?

SuMu

Zitat von Ratlosermann

Wie passe ich die Postion der Grafik an?

spiel mal damit rum:
padding-left: 10px;

vielleicht mal 15px oder nur 5px ....

Ratlosermann

Guten Morgen :)

Ich habe die Grafik, mit padding-left entsprechend angepasst...wenn ich richtig gelesen habe, verschiebt sich dadurch die Postion waagerecht.

Welche Einstellung ist für senkrecht?

SuMu

padding: top | rechts | unten | links ;z.b.:

padding: 0px 0px 0px 15px;

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Aufzählungszeichen (Grafik) in Posts

Jetzt mitmachen!