Hallo!
habe das Forum größtenteils durchgestöbert und viele interessante andere Dinge gelesen, aber nicht eine Lösung für die folgende Frage gefunden, die im Grunde Theme-übergreifend ist:
Ich verwende das Neat-Template und würde gerne das "Text-Pfeilchen-Symbol" vor den Links, Kategorien etc. durch eine kleine Bilddatei ersetzen.
Folgender Auszug der style.css scheint dafür die richtige Stelle zu sein:
#sidebar ul ul li:before { [color=red]content: "\00BB \0020"[/color]; }
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
Probieren (etwa: #sidebar ul ul li:before {background: url(/images/linkpfeil.gif) no-repeat; } oder ähnlich -> trial and error in reinform :)
ergab bisher nur, dass zumindest der jeweils erste Link eines Feldes mit dem Bild versehen wurde, allerdings von der Schrift überlagert.
Frage: Welche margin/padding-Einstellung muss ich ändern, um das Bild VOR den Link zu stellen und wie wird das Bild bei allen Links etc. angezeigt?
Gruß!
/e
Achso, list-style-image: none; zu ändern habe ich auch ausprobiert, allerdings wird das Bild dann in jeder Zeile der sidebar angezeigt...