Xenforo 2.x.x Some Christmas decoration codes

valai · Nov 7, 2024

I give you some Christmas codes to decorate your forum.

For categories:

In your extra.less template add these codes:

Code:

.p-body-pageContent .block--category::before {
    background: url('https://i.goopics.net/egrOL.png') no-repeat 0% 0%, url('https://i.goopics.net/V8r58.png') no-repeat 50% 0%,
    url('https://i.goopics.net/aXrRy.png') no-repeat 100% 0%;
    display: block;
    height: 30px;
    left: -5px;
    padding: 0 5px;
    position: relative;
    top: 43px;
    width: 100%;
    content: "";
    margin-top: -20px;
}

Result :

For the sidebar:

In your extra.less template add these codes:

Code:

.block-minorHeader::after {
    background: url('https://i.goopics.net/egrOL.png') no-repeat 0% 0%;
    display: block;
    height: 35px;
    left: -10px;
    padding: 0 5px;
    position: relative;
    top: -24px;
    width: 300px;
    content: "";
    margin-top: -20px;
}

Result :

For topics:

In your extra.less template add these codes:

Code:

.p-body-pageContent .block--messages::before {
    background: url('https://i.goopics.net/egrOL.png') no-repeat 0% 0%, url('https://i.goopics.net/V8r58.png') no-repeat 50% 0%,
    url('https://i.goopics.net/aXrRy.png') no-repeat 100% 0%;
    display: block;
    height: 30px;
    left: -5px;
    padding: 0 5px;
    position: relative;
    top: 75px;
    width: 100%;
    content: "";
    margin-top: -20px;
}

Result:

In some code you may need to change the top values.