Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox! This website is supported by Donations! If you like what we offer, after you have signed up, please make a donation to our website. Our website is free., however we need real funding to stay alive.


  1. K

    Simple and light user banner

    Add the following code to the extra.less format /* Afiş genel kodları */ [class*='trgamersafis_'] {font-family:'Play';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 20px 2px...
  2. ArmaanPC

    Xmas time! Snow animation header

    Live demo: kodi-forum.nl Download the images and place them in the folder images/snow. The simplest way to create this header is with a advertisement (Sounds funny i know) First you have to create a new (or edit a existing) advertisement. (/admin.php?advertising/) I chose "Container breadcrumb...
  3. ArmaanPC

    Color changing staff (banner)

    Compatible XF 2.x versions 2.0 If changes are made to the templates, we will make a backup to the template text document before any changes are made. Attach the following code to EXTRA.CSS: .userBanner--staff {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B...
  4. Wizz

    Animated Rainbow Effect on Username Styles

    Add this code to your username group: background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important; background-size: 1200% 1200% !important; -webkit-animation: TestBanner 30s ease infinite !important; -moz-animation: TestBanner 30s ease infinite...
  5. Wizz

    How to change scroll bar color ?

    If you want to change scroll bar color, then follow these steps : 1. Go to ACP and search for "extra.less" template 2. Add code below : ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background-color: black; } ::-webkit-scrollbar-thumb { background-color: color...
  6. Mad Skillz

    How to get the thread prefixes like on xfworld.net

    Follow the direction below, pretty straight forward. First go to your admin cp, then create a thread prefix in your nodes prefixes. Then in your extra less template is where all the magic happens. This is an example of what I use, here on xfworld.net. .label.label--xF21 { background...
  7. Wizz

    How to change node icon ?

    Changing node icon is easy. Follow these steps : 1. Go to ACP and search for "extra.less" template 2. Add code bellow .node-icon i { display: none; } .node-icon { background-image: url('styles/default/xenforo/xenforo-favicon.png'); background-repeat: no-repeat; background-position: center; }...