Eigene Grafiken als Forum-Icons

Hey zusammen,

ich versuche seit gestern meine Foren Icon umzuändern, um eigene Grafiken zu verwenden.

Bislang hatte das vor der 6.0 Version mittels Code geklappt, aber nun funktioniert es nicht mehr.

Folgender Code wurde verwendet:

.wbbBoardList .wbbBoardContainer.wbbDepth2[data-board-id="2"] > .wbbBoard > .icon32:before {
   background-image: url(.../images/Name);
   content: "";
   background-size: 45px;
   display: block;
   width: 45px;
   height: 45px;
   margin-right: 20px;
}

Hat jemand eine Idee, warum die Icons sich nicht ändern lassen?

Der Selektor kann unter 6.0 auch nicht mehr funktionieren und müsste entsprechend angepasst werden.

Okey, also ich kenn mich da nicht so gut aus.
Kann man die Icons nicht anderweitig ändern, um eigene Grafiken zu nutzen?

Zitat von K1rishima

Kann man die Icons nicht anderweitig ändern, um eigene Grafiken zu nutzen?

So geht es, ob es besser geht kann möglich sein.

.wbbBoardNodeList .wbbBoardNode--depth2[data-board-id="2"] .wbbBoardNode__icon:before {
   background-image: url(#{$style_image_path}custom/deine Grafik);
   content: "";
   background-size: 32px;
   display: block;
   width: 32px;
   height: 32px;
   margin-right: 20px;
}
.wbbBoardNodeList .wbbBoardNode--depth2[data-board-id="2"] .wbbBoardNode__defaultIcon{
	display:none;
}

Habe die Grafik über den Stil hoch geladen.

Mit den Werten kannst du ja spielen, bis es für dich passt.

Zitat von mipu

So geht es, ob es besser geht kann möglich sein.

CSS

.wbbBoardNodeList .wbbBoardNode--depth2[data-board-id="2"] .wbbBoardNode__icon:before {
   background-image: url(#{$style_image_path}custom/deine Grafik);
   content: "";
   background-size: 32px;
   display: block;
   width: 32px;
   height: 32px;
   margin-right: 20px;
}
.wbbBoardNodeList .wbbBoardNode--depth2[data-board-id="2"] .wbbBoardNode__defaultIcon{
	display:none;
}

Alles anzeigen

Habe die Grafik über den Stil hoch geladen.

Mit den Werten kannst du ja spielen, bis es für dich passt.

Ich habe den Code genauso ausprobiert, aber die Icons bleiben unverändert.

Zitat von K1rishima

Ich habe den Code genauso ausprobiert, aber die Icons bleiben unverändert.

Genauso wird nichts werden, du musst schon einen Grafik angeben und deine eigene BoardID.

Zitat von mipu

Genauso wird nichts werden, du musst schon einen Grafik angeben und deine eigene BoardID.

Dann hab ich mich unglücklich ausgedrückt.
Den Code hab ich natürlich angepasst und den Pfad zu meiner Grafik angegeben. Beispiel: /images/icon1.png

Oder ist der Pfad nicht korrekt?

hast du mal einen Link, das man sich das anschauen kann.

Bei mir funzt dieses (Größe der Grafik vorher entsprechend angepasst):

Für gelesene Inhalte

li[data-board-id=""] .wbbBoard .fa-folder-open-o::before{
    content:url("../icon/link-zur-grafik");
}

Für ungelesene Inhalte

li[data-board-id=""] .wbbBoard .fa-folder-open::before{
     content:url("../icon/link-zur-grafik");
}

Ich nutze noch kein 6.0 Aber vielleich funzt es damit ja auch dort

Kann mir jemand sagen, wie ich alle Foren-Icons auf einmal ändern kann? Ich habe bisher wohl ein altes Fontawesome Icon genutzt und jetzt zerschießt es mir die Seite nach dem Update?

Error Message:
The icon 'map-marker' is unknown.
Error Type:
wcf\system\style\exception\UnknownIcon
*/lib/util/ScFontAwesomeIconMetadata.class.php:46

Also schnell alle Icons der Foren ändern ohne in jedes (ca. 80 Foren) einzeln reingehen zu müssen?

Zitat von Goli Ath

Bei mir funzt dieses (Größe der Grafik vorher entsprechend angepasst):

Für gelesene Inhalte

Code

li[data-board-id=""] .wbbBoard .fa-folder-open-o::before{
    content:url("../icon/link-zur-grafik");
}

Für ungelesene Inhalte

Code

li[data-board-id=""] .wbbBoard .fa-folder-open::before{
     content:url("../icon/link-zur-grafik");
}

Ich nutze noch kein 6.0 Aber vielleich funzt es damit ja auch dort

Hat leider bei mir auch nicht funktioniert, aber ich hab momentan sowieso kleine Schwierigkeiten mit meinem Design.
Vor der 6.0 Version hat es ohne Probleme geklappt

Ich hab noch keine 6er Version, aber suche doch einfach mal den Selector raus?

Das Problem hat sich nun gelöst. Nochmal lieben Dank an den mipu für die Hilfe.

.wbbBoardNodeList .wbbBoardNode--depth1[data-board-id="2"] .wbbBoardNode__defaultIcon{
    display:none;
}
.wbbBoardNodeList .wbbBoardNode--depth1[data-board-id="2"] .wbbBoardNode__icon:before {
   background-image: url(Pfad zur Grafik hier eintragen);
   content: "";
   background-size: 32px;
   display: block;
   width: 32px;
   height: 32px;
   margin-right: 5px;
}

Hab sowas gerade mal zum Spaß mit dem obigen Code ausprobiert, und das funktioniert tatsächlich auf Anhieb.

Allerdings nur auf der Ebene der unmittelbar übergeordneten Kategorie, auf den Ebenen darüber nicht (da wird dann das default_icon angezeigt). Gibt’s dafür auch ’ne universelle Lösung (also dass es auf allen Ebenen funktioniert, egal wie tief verschachtelt sich das Forum befindet)?

Das würde mich auch brennend interessieren. Die Nachfrage sollte auch entsprechend sein, wenn man Board Icons individualisieren kann. Ich würde es direkt kaufen!

Zitat von ThomasKipka

Das würde mich auch brennend interessieren. Die Nachfrage sollte auch entsprechend sein, wenn man Board Icons individualisieren kann. Ich würde es direkt kaufen!

WoltLab Cloud

Datei

Individuelle Foren Icons

Mithilfe diesem Plugins kann für jedes Forum ein eigenes Bild das ein FontAwesome-Icon gewählt werden

SgtKaneki

26. Juli 2024 um 11:41

Zitat von mystery2072

WoltLab Cloud

Datei

Individuelle Foren Icons

Mithilfe diesem Plugins kann für jedes Forum ein eigenes Bild das ein FontAwesome-Icon gewählt werden

SgtKaneki

26. Juli 2024 um 11:41

RIP

gekauft. Danke