Sidebar-Titel mit Icon

  • Guten Abend,


    ich möchte im Forum in der Sidebar, u.a. in den Boxen "Letzte Beiträge" und "Heiße Themen" vor dem Titel ein Icon hinzufügen.


    Ist das möglich?


    Viele Grüße

    Niklas

    Liebe Grüße

    Niklas

  • Hier die wichtigsten Icons für Sidebar-Boxen der Woltlab Software:

    - Wenn bei Dummheit & Arroganz Federn wachsen sollten, so würden hier einige wie Vögel durch die Luft fliegen -

    - Powerstylez.de -

  • Diese Box hat keine explizite Boxenbezeichnung, daher muss ein Code auf ID-Basis genutzt werden (über den Webinspektor herauszufinden, das Doppel XX auswechseln gegen die ID-Nummer).


    Beispielcode:

    CSS
    .boxesSidebarLeft .box[data-box-identifier*="com.woltlab.wcf.genericBoxXX"] .boxTitle::before,
    .boxesSidebarRight .box[data-box-identifier*="com.woltlab.wcf.genericBoxXX"] .boxTitle::before {
        content: "\f129";
        display: inline-block;
        font-family: FontAwesome;
        font-weight: normal !important;
        font-style: normal !important;
        margin-right: 5px;
    }

    - Wenn bei Dummheit & Arroganz Federn wachsen sollten, so würden hier einige wie Vögel durch die Luft fliegen -

    - Powerstylez.de -

  • Vielen Dank! Wie ich gerade herausgefunden habe, hat die Box ein eigene Bezeichnung, und zwar: UsersOnline.


    CSS
    .boxesSidebarLeft .box[data-box-identifier*="com.woltlab.wcf.UsersOnline"] .boxTitle::before,
    .boxesSidebarRight .box[data-box-identifier*="com.woltlab.wcf.UsersOnline"] .boxTitle::before {
        content: "\f129";
        display: inline-block;
        font-family: FontAwesome;
        font-weight: normal !important;
        font-style: normal !important;
        margin-right: 5px;
    }

    Gibt es irgendwo eine Icon-Übersicht? Würde gerne ein Benutzer-Icon verwenden.

    Liebe Grüße

    Niklas

  • Bin gerade hier fündig geworden...Danke.

    "Cigarettes are like squirrels...

    They're perfectly harmless until you put one in your mouth and light it on fire"

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!