Lehrreich

Eigenes Icon pro Forum im Woltlab Burning Board 4 (WBB4)


Wer in den Einstellungen vom WBB4 sucht, findet leider keine Möglichkeit pro Forum ein eigenes Icon zu setzen. Wir wollten das für unseren internen Bereich zur Aufgabenverteilung haben, denn dort hat jeder aus dem Team seinen eigenen Bereich – dazu gehört natürlich auch sein Gesicht. Eventuell habt ihr so etwas ähnliches, oder wollt aus einem anderen Grund einem Forum ein eigenes Icon zuweisen. Das ist mit ein wenig CSS kein Problem.

Das Icon eines Forums ohne neue Beiträge ändern

Es gibt für Hauptforen und Unterforen unterschiedlichen CSS-Code. In dem jeweiligen Code muss zum einen die Board-ID und zum anderen der Bild-Link angepasst werden.

Die Board-ID ist mit einem „X“ in dem Code vermerkt. Ihr findet diese im Link des jeweiligen Boards.

Beispiel: https://basic-tutorials.de/forum/board/4-allgemeine-informationen/ > Die Board-ID ist 4.

Den Link zu eurem Bild könnt ihr einfach angeben, bitte beachtet dabei jedoch die Größenangaben, ansonsten wird das Bild nicht korrekt angezeigt.

Hauptforum

.wbbBoardContainer[data-board-id="X"] > .wbbBoard > .icon::before {
	background-image: url("http://der-link-zu-eurem-bild.euer-bild.jpg");
	content: "";
	display: block;
	height: 32px;
	width: 32px;
}

Unterforum

.wbbSubBoards > li[data-board-id="X"] > .icon::before {
	background-image: url("http://der-link-zu-eurem-bild.euer-bild.jpg");
	content: "";
	display: block;
	height: 16px;
	width: 16px;
}

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Schaltfläche "Zurück zum Anfang"

Sie verlassen jetzt eXanted.com

eXanted.com stellt Links zu Websites anderer Organisationen bereit, um Besuchern bestimmte Informationen bereitzustellen. Ein Link stellt keine Billigung von Inhalten, Standpunkten, Richtlinien, Produkten oder Dienstleistungen dieser Website dar. Sobald Sie auf eine andere Website verlinken, die nicht von eXanted.com unterhalten wird, unterliegen Sie den Allgemeinen Geschäftsbedingungen dieser Website, einschließlich, aber nicht beschränkt auf deren Datenschutzrichtlinie.

You will be redirected to

Klicken Sie auf den obigen Link, um fortzufahren oder Abbrechen