background

  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; }...
Top