Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.40 veröffentlicht (28.05.26)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Zusätzliches CSS für Nummerierungen
#1
Hallo ins Forum,

für "Aufzählungen in den einzelnen Posts" verwende ich in "ACP – Themes - Zusätzliches CSS" den Code
Code:
ul { margin: 2px; padding-left: 8px; list-style: none; } .mylicode { padding-top: 3px; padding-left: 18px; background-image: url(images/.../list.gif); background-repeat: no-repeat; background-position: 0px 6px; }

Nun stelle ich fest, dass das IMG auch bei Nummerierungen dargestellt wird.

Kann ich für Nummerierungen eine separate Class "mynumcode", ähnlich wie in diesem Beispiel,
Code:
ol { margin: 2px; padding-left: 20px; list-style: decimal; } .mynumcode { padding-top: 3px; padding-left: 25px; }
verwenden?

Wenn ja, wie müsste diese ".mynumcode" genau aussehen?

Und muss ich dann (wie in dieser Anleitung - Beitrag #8) in der Datei "/inc/class_parser.php" weitere Änderungen vornehmen?
Wenn ja, welche Änderung(en) in welcher Zeile?

- Oder bin ich falsch davor?

Danke für die Hilfe und...
Zitieren
#2
Das Problem ist, dass du die Klasse auf den <li>-Tag anwendest, der ja in beiden Listen Verwendung findet. Ansetzen kannst du, indem du den <ul>- und den <ol>-Tag mit Klassen versiehst:
Code:
<ul class="ullist"> <li>Blah</li> </ul> <ol class="ollist"> <li>Blah</li> </ol>
Danach kannst du das Ganze per CSS formatieren:
Code:
ul { margin: 2px; padding-left: 8px; list-style: none; } ul.ullist li { padding-top: 3px; padding-left: 18px; background-image: url(images/.../list.gif); background-repeat: no-repeat; background-position: 0px 6px; } ol { margin: 2px; padding-left: 20px; list-style: decimal; } ol.ollist li { padding-top: 3px; padding-left: 25px; }

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#3
Hallo ins Forum,

ich bitte noch 'mal um Hilfe:

ich steh' vor 'ner Mauer ...und blick' nicht durch: Sad
  1. wo definiere ich die Klassen "ullist" und "ollist"?
    Code:
    <ul class="ullist"> <li>Blah</li> </ul> <ol class="ollist"> <li>Blah</li> </ol>

  2. in "/inc/class_parser.php" hatte ich für "mylicode" die Zeile 750 geändert:
    PHP-Code:
    // $message = preg_replace("#\s*\[\*\]\s*#", "</li>\n<li>", $message); $message = preg_replace("#\s*\[\*\]\s*#", "</li>\n<li class=\"mylicode\">", $message);
    Muss ich für die "neuen" Klassen als Folge in "/inc/class_parser.php" (oder sonstwo) weitere Änderungen vornehmen?
    - Wenn ja, welche Änderung(en) an welcher Stelle?
Danke für die Antwort(en) und...
Zitieren
#4
Die jetzige Änderung ist unnötig und kann rückgängig gemacht werden.

Suche nach:
PHP-Code:
$list = "<ul>$message</ul>\n";
Ersetzen durch:
PHP-Code:
$list = "<ul class=\"ullist\">$message</ul>\n";
Suche nach:
PHP-Code:
$list = "\n<ol type=\"$type\">$message</ol>\n";
Ersetzen durch:
PHP-Code:
$list = "\n<ol type=\"$type\" class=\"ollist\">$message</ol>\n";

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#5
Hallo Michael,

alles ok und nach meinem gusto - und einmal mehr ein schneller und toller Support! Smile

Vielen Dank!
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Question Zweiten (Eigenen css Code für a:link in global.css) ? corun 5 3.863 22.02.2009, 14:29
Letzter Beitrag: linwinman