MyBB Community Forums

Full Version: Change username style to this
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
which browser do you use?
Google Chrome
It works in FF & Google Chrome too...

Works in Opera too. I loaded it last in my global css; do make sure it is span.matmo in the css, not just .matmo
These are the css than I'm trying to use

/** Impromptu End */

		
span.matmo {
    font-family:Rancho;
-webkit-animation:rainbow 3s linear infinite;
animation:rainbow 3s linear infinite;

}

@keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  15% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  30% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  45% {
color: green;
text-shadow: 0 0 10px green;
  }
  60% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  75% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  90% {
color: violet;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}
@-webkit-keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  15% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  30% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  45% {
color: green;
text-shadow: 0 0 10px green;
  }
  60% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  75% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  90% {
color: violet;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}
.dat_sep {
background-color: #1d1d1d;
}
.dat_sep2 {
background-color: #161616;
}

@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: local('Rancho'), url(https://fonts.gstatic.com/s/rancho/v6/GOJpB432cIs2ZQ3ToRKy4fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

I added it on the end of global.css , Added the right username style

<span class="matmo">{username}</span>

Tried with 3 browsers but it doesn't works on my forum Sad
Remove custom code from global.css and add it into theme css3.css - it's only a try.
It works now man, thank you very much!

Now I have to change the font, I guess it's just change 'Rancho' to the font I want Toungue
Hi,
I would like to up this one since I'm trying to use this as well but I'm having problems trying to make it work. I already tried putting it on global.css and css3.css at the end of the line but it doesn't work, I put it on my Theme's stylesheet. One weird thing that happens when I add the code and save it then go back to simple mode, there's a huge whitespace on the 'Selector' dropdown thingy but when I remove the code it looks fine with no whitespace. Help!
This is what I want @SvePu but failing.. I gave a try to the process given in this thread but didn't worked for me. I am using Mybb Majestic theme 1.8 or whateva it is.. Please help me out mate. I will be thankful to you.  Blush
Pages: 1 2