Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


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.054 22.02.2009, 13:29
Letzter Beitrag: linwinman