Theme selector (bulb) - Xenforo 2

UnstucK · Sep 4, 2024

For Xenforo 2.0:

In your PAGE_CONTAINER template search for:

Code:

<div class="p-sectionLinks">

And add below:

Code:

<div class="lightbulb"><a href="LIEN DE VOTRE FORUN/misc/style">
                <i class="fa fa-lightbulb-o" style="color:#FFF"></i></a></div>

In your extra.less template add:

Code:

.lightbulb {
    font-size: 1.0rem;
    float: right;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 15px;
}
.fa-lightbulb-o:hover {
    color: yellow !important;
}

For Xenforo 2.1:

In your PAGE_CONTAINER template search for:

Code:

<div class="p-sectionLinks">

And add below:

Code:

<div class="lightbulb"><a href="LIEN DE VOTRE FORUN/misc/style">               
<i class="far fa-lightbulb-on" style="color:#FFF"></i></a></div>

In your extra.less template add:

Code:

.lightbulb {
    font-size: 1.0rem;
    float: right;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 15px;
}
.far.fa-lightbulb-on:hover {
    color: yellow !important;
}

Result :