du kannst die Boxen ganz normal mit CSS Klassen ansprechen, genauso wie bei den Seiten.

Hintergrundbild für Box
-
- WSC 3.0.x
- MartiiAT
-
-
Mhmm nur wie machen ich das? Kenne mich da leider nicht aus, wäre sehr nett, wenn du mir da helfen könntest. Danke
So sollte es aussehen wie unter "Allgemeines"
Diese Codes verwende ich:
CSS
Display Moreli[data-board-id="1"] > header { background: #363636 url(https://www.railsimulator.net/images/allgemeines.png) no-repeat scroll left center !important; border-style: solid; padding: 12px 15px; border-image: none 1 100% 1 100%; border-style: solid; border-width: 1px; } .box[data-box-identifier="com.woltlab.wcf.genericBox67"] .boxTitle { color:#FFFFFF; background: #363636 url(https://www.railsimulator.net/images/letztebeitraege.png) no-repeat scroll left center !important; border-style: solid; padding: 12px 15px; border-image: none 1 100% 1 100%; border-style: solid; border-width: 1px; }
-
-
Ich sehe gerade du willst das für die Board Kategorien, meine Methode funktioniert nur bei den Sideboxen. Da habe ich dich wohl falsch verstanden.
-
Danke dir für die Mühe, aber wie du schon schreibst, klappt das leider nicht
Es fehlt noch die Textfarbe und die Ausrichtung, wenn ich hier einfach color einbau wird die Schriftfarbe in der Box geändert.
-
Mhmm nur wie machen ich das? Kenne mich da leider nicht aus, wäre sehr nett, wenn du mir da helfen könntest. Danke
Es gibt bei Firefox und Chrome eine nette Funktion, die sich Element untersuchen (Rechtsklick > Untersuchen) nennt. Damit findet man die benötigten Klassen recht schnell.
Zu deinem Abstandsproblem:
-
Vielen Dank Aze, damit hat es geklappt. Wenn du mir noch helfen könntest mit der Schrift damit diese gleich ist wäre super. Dankeschön
Der Code ist jetzt:
CSS
Display More/* Die letzten X Beiträge */ .box[data-box-identifier="com.woltlab.wcf.genericBox67"] { .boxContent { margin-top: 0; } } .box[data-box-identifier="com.woltlab.wcf.genericBox67"] .boxTitle { color:#FFFFFF; background: #363636 url(https://www.railsimulator.net/images/letztebeitraege.png) no-repeat scroll left center !important; border-style: solid; padding: 12px 15px; border-image: none 1 100% 1 100%; border-style: solid; border-width: 1px; }
-
Ersetze deinen Code mit diesem hier, damit es etwas geordneter ist. Schriftgröße wurde angepasst. Es kann sein, dass font-size: 20px; mit einem !important versehen werden muss, da bin ich mir nicht sicher.
CSS
Display More/* Die letzten X Beiträge */ .box[data-box-identifier="com.woltlab.wcf.genericBox67"] { .boxTitle { background: #363636 url(https://www.railsimulator.net/images/letztebeitraege.png) no-repeat scroll left center !important; color:#FFFFFF; font-size: 20px; padding: 12px 15px; border-image: none 1 100% 1 100%; border-style: solid; border-width: 1px; } .boxContent { margin-top: 0; } }
-
Vielen vielen Dank, damit hat alles geklappt. Dankeschön
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!