MyBB.de Forum
Zusätzliches CSS für Nummerierungen - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Zusätzliches CSS für Nummerierungen (/thread-6632.html)



Zusätzliches CSS für Nummerierungen - linwinman - 30.07.2007

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...


RE: Zusätzliches CSS für Nummerierungen - Michael - 31.07.2007

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;
}



RE: Zusätzliches CSS für Nummerierungen - linwinman - 31.07.2007

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...


RE: Zusätzliches CSS für Nummerierungen - Michael - 31.07.2007

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"



RE: Zusätzliches CSS für Nummerierungen - linwinman - 31.07.2007

Hallo Michael,

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

Vielen Dank!