Haken als Aufzählungszeichen

psog

Hallo,

kann mir jemand erklären, wie ich als Aufzählungszeichen grüne oder rote Häkchen setzen kann? Gibt es da einen html-Code, muss ich in der style.css etwas ändern?

Hat jemand eine Idee?

Vielen Dank!

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

Mr.Blade

Hi!

Das geht folgendermaßen (kommt in Style.css, ggf. ändern):

li {
list-style-image: url (aufzaehlungszeichen.png);
}

Hier in einzelnen Klassen:

.gruenehaken li {
list-style-image: url(gruenehaken.png);
}

.rotehaken li {
list-style-image: url(rotehaken.png);
}

Grüße

psog

Ähm, ich hab davon echt keine Ahnung.

Zitat von Mr.Blade

Hi!
Das geht folgendermaßen (kommt in Style.css, ggf. ändern):
[COLOR=Red]li {
list-style-image: url (aufzaehlungszeichen.png);
}[/COLOR]
Das komplett so in die style.css? An welche Stelle?
Hier in [COLOR=Red]einzelnen Klassen[/COLOR]:
was meinst Du mit einzelnen Klassen? Finde ich diese auch im Dashboard unter "Design" - "Editor"? Wie heißen diesen und an welche Stellen schreibe ich den Code dann?
Muss ich dann in den Artikel etwas in html schreiben, um diese Haken setzen zu können, oder wie funktioniert das dann?
[COLOR=Red].gruenehaken li {
list-style-image: url(gruenehaken.png);
}
.rotehaken li {[/COLOR] [COLOR=Red]
list-style-image: url(rotehaken.png);
}
[/COLOR]
Grüße

Alles anzeigen

Du merkst, bin totaler Laie! :-)
Vielen Dank für Deine Mühe!

hero1977

du öffnest die datei

wp-content/themes/twentyten/style.css

und fügst das da ein. am besten in die letzte zeile, dann wird es auf jeden fall übernommen.

allerdings würde ich es eher so machen:

HTML

/* der liste die listenpunkte wegnehmen in den artikelseiten */
.single ul { 
    list-style:none;
}
/* den listenpunkten ein hintergrundbild geben das nur links sitzt */
.single li { 
    background:url(haken-gruen.gif) 0 0 no-repeat;
    padding-left:20px;
}

weil den listenpunkt einfach mit einem bild ersetzen ist nicht so dolle, sieht in jedem browser anders aus, lässt sich ergo schlecht kontrollieren (meine erfahrung). aber kannst ja selber rumprobieren.

espe

haken-gruen.gif muss selbstverständlich in den image-Ordner deines aktuellen Themes geladen werden.

http://www.iconfinder.com/search/?q=check

psog

Ahhh, ich dreh noch durch!

Danke für Eure Antworten, aber ich bekomme es einfach nicht hin!
Sorry!
Hatte mir so etwas wie eine kleine Schritt-für-Schritt-Anleitung erhofft.

Liegt das speziell an meiner Seite? Es handelt sich um http://www.mandelsteine.org

Also, ich habe jetzt eine Datei gruener-Haken.gif per FTP in den Image-Ordner gepackt. Jetzt habe ich den HTML-Code (wirklich alles, was dort geschrieben ist?) ans Ende der Style.css gespackt?

Was muss ich jetzt machen? :?:

Ich verstehs einfach nicht! :-(

koslowski

Zitat von psog

Was muss ich jetzt machen? :?:
Ich verstehs einfach nicht! :-(

Little Boxes durcharbeiten, damit du ansatzweise verstehst, was du da tust. ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Haken als Aufzählungszeichen

Jetzt mitmachen!