du kannst die Boxen ganz normal mit CSS Klassen ansprechen, genauso wie bei den Seiten.
Hintergrundbild für Box
-
- WSC 3.0.x
-
MartiiAT -
12. Januar 2019 um 11:01
-
-
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
Alles anzeigenli[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
Alles anzeigen/* 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
Alles anzeigen/* 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
-
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!