MyBB Community Forums
Change username style to this - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Change username style to this (/thread-164267.html)

Pages: 1 2


RE: Change username style to this - SvePu - 2014-12-17

which browser do you use?


RE: Change username style to this - Lektz - 2014-12-17

Google Chrome


RE: Change username style to this - SvePu - 2014-12-17

It works in FF & Google Chrome too...




RE: Change username style to this - Leefish - 2014-12-17

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


RE: Change username style to this - Lektz - 2014-12-17

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


RE: Change username style to this - SvePu - 2014-12-17

Remove custom code from global.css and add it into theme css3.css - it's only a try.


RE: Change username style to this - Lektz - 2014-12-17

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


RE: Change username style to this - liisyaoron - 2015-09-01

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!


RE: Change username style to this - FusionGunZ - 2015-09-08

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