Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.8 veröffentlicht (17.10.16)


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
  Generelle CSS Fragen (Headermenü, Toplinks, CSS buttons, ...) Lily 10 1.012 29.03.2016, 23:09
Letzter Beitrag: MrBrechreiz
Question showthread.css + star_ratings.css aus headerinclude entfernen MyBB-Fanatiker 4 1.559 09.01.2011, 19:53
Letzter Beitrag: MyBB-Fanatiker
Question Zweiten (Eigenen css Code für a:link in global.css) ? corun 5 1.434 22.02.2009, 13:29
Letzter Beitrag: linwinman