Foren Icon gegen Bild austauschen?

rockcrawler · 16. April 2024

Moin,

mein Forum wurde heute auf 6.0.11 hochgezogen.

Nun habe ich wieder diese Standard Umschläge für gelesen / ungelesen vor dem Forum.

Ich würde da gerne unsere alten GIF Icons einbinden. Jemand einen Tipp wie ich das jetzt machen könnte?

Der alte CSS Eintrag funktioniert leider nicht mehr:

Code

/* Foren Icons - gelesen / ungelesen */
.fa-folder-open-o::before  {
    content: url('#{$style_image_path}boardM.png');
}
.fa-folder-o::before  {
    content: url('#{$style_image_path}boardS.png');
}
.fa-folder-open.markAsRead::before {
    content: url('#{$style_image_path}boardNewM.png');
}
.fa-folder-o.markAsRead::before {
    content: url('#{$style_image_path}boardNewS.png');
}

Alles anzeigen

Tom · 16. April 2024

Teste das mal:

CSS

/* Icons Boards */
.wbbBoardNode__icon {
    .wbbBoardNode__defaultIcon,
    .wbbBoardNode__unreadIcon {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        fa-icon {
            visibility: hidden;
        }        
    }
    .wbbBoardNode__defaultIcon {
        background-image: url("#{$style_image_path}custom/boardM.png");
    }
    .wbbBoardNode__unreadIcon {
        background-image: url("#{$style_image_path}custom/boardNewM.png");
    }
}

/* Icons Subboards */
.wbbBoardNode__subBoardIcon {
    .wbbBoardNode__subBoardDefaultIcon,
    .wbbBoardNode__subBoardUnreadIcon {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        fa-icon {
            visibility: hidden;
        }        
    }
    .wbbBoardNode__subBoardDefaultIcon{
        background-image: url("#{$style_image_path}custom/boardS.png");
    }
    .wbbBoardNode__subBoardUnreadIcon {
        background-image: url("#{$style_image_path}custom/boardNewS.png");
    }
}

Alles anzeigen

mipu · 16. April 2024

Du könntest es so lösen.

CSS

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

Alles anzeigen

X gegen deine Foren ID tauschen.

Bild über das ACP im Stil hochladen.

Tom war schneller.

rockcrawler · 16. April 2024

Danke euch, das funktioniert wie gewünscht (bei Tom plus den custom/).

Foren Icon gegen Bild austauschen?

cls-design

Informationen

Demoinstallationen

Hilfe