How To Make Multi Color Usernames Sir Plz Help

Admin panel→Users & group→group adminstration 

check [√] Colored usersnames

Sir no i ask (Rainbow for example.)? I already have the code for making a username a different color individually (Both if your in a group and if not.) But I was wondering if it was possible to put in multiple colors in one, to give it a rainbow/fade affect?

See if this can help you. https://help.forumotion.com/t125365-can-i-set-few-colors-in-my-nick

I will try something, but I can't today.

bro no i ask like this u move cursor and touch any username or topic mean its diaplaying multi colors like this screen shot...

Ok, thanks now I know what you want I will try do something.

Hi,

You can try some effects:

#1 - Glitter effect:
CSS code:

Code:

a[href="/Username link"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

#2 - Rainbow effect:
CSS code:

Code:

a[href="/Username link"] {
  background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
}

#3 - Rainbow animation effect:
JavaScript code:

Code:

var Ver4=parseInt(navigator.appVersion.charAt(0))>=4
var IE=navigator.appName.indexOf("Microsoft")!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32
 
function MoveSnoop()
{
  if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
  else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
  if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
  else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }
 
  imagesrc=""
  if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
  { imagesrc="snoopl.gif"
    if ( (x0-ex) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="snoopl.gif"
      if (ey>y0) imagesrc="snoopl.gif"
    }
  }
  if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
  { imagesrc="snoopr.gif"
    if ( (ex-x0) < Math.abs(y0-ey)*2 )
    { if (ey<y0) imagesrc="snoopr.gif"
      if (ey>y0) imagesrc="snoopr.gif"
    }
  }
  if (imagesrc=="")
  { if (ey<y0) imagesrc="snoopr.gif"
    if (ey>y0) imagesrc="snoopr.gif"
    if ((ex==x0)&&(ey==y0)) imagesrc="snoop.gif"
  }
 
  if (Ver4)
  { if (!IE)
    { document.FlyLayer.document.images.fly.src=imagesrc }
    else document.all.FlyLayer.document.images.fly.src=imagesrc
  }
  al.left=x0-47
  al.top=y0

  setTimeout("MoveSnoop();",100)
}

function MainMouseEvent(e)
{
  if (Ver4)
  { if (!IE)
    { ex=e.pageX
      ey=e.pageY }
    else
    { ex=event.clientX + document.body.scrollLeft
      ey=event.clientY + document.body.scrollTop }
  }
}

function ScriptSetup()
{
  isIm = (document.images) ? 1 : 0
  if (isIm)
  { arImLoad = new Array
    ('snoop','snoopl','snoopr')
    arImList = new Array ()
    for (counter in arImLoad)
    { arImList[counter] = new Image()
      arImList[counter].src = arImLoad[counter] + '.gif'
    }
  }
 
  if (Ver4)
  { if (!IE)
    { al=document.FlyLayer
      document.captureEvents(Event.MOUSEMOVE)
    }
    else
    { al=document.all.FlyLayer.style }
    document.onmousemove = MainMouseEvent
    MoveSnoop()
  }
}

function ShowSnoop()
{
  if(Ver4)
  { s ='<DIV STYLE="visibility:hidden"></DIV>'
    s+='<DIV ID="FlyLayer" STYLE="position:absolute; '
    s+='top:-32; left:-32; width:32; height:32">'
    s+=''
    s+='<IMG NAME="fly" SRC="snoop.gif" border=0>'
    s+='</A></DIV>'
    document.writeln(s)
  }
}

window.onload = ScriptSetup
ShowSnoop()

Choose the effect you want and then add the code from it. Please note:
- CSS needs to be added in Administration panel ~> Display ~> Pictures and colors ~> Colors ~> CSS Stylesheet;
- JavaScript codes needs to be added in Administration panel ~> Module ~> HTML & JAVASCRIPT ~> JavaScript codes management.

bro i try With Ur Codes But I cant Set That..  i save sucessfully in java + css but two also not working see this screen shot broo...







This Is Css










But See This Screen shot bro still deafault color yellow..

Hello,

I can see two problems with the images. Firstly, in the CSS you haven't replaced the "Username link" part with a valid user ID.

Secondly, those are forum links and not usernames. There is also a Pc Softwares section in that picture. Please note that software downloads often violate our terms of service.

Bro i ask like this forum Link removed  see this forum bro u touch any word its color changing i ask like this

Hi,

That's just a glow that they added into the links. Is that what you really want? Please confirm before anyone else gives out codes. Also, it's not a rainbow color thing. By the way, can you please change the title that way members who are trying to help you don't get confused, thank you.

Bro Sorry I ask Rainbow Color Only Im Sure Bro Plz U See This Forum And Toch Any Word Its Showing Rainbows Color I Want Like This Plz...

See This Forum Bro  Link Removed

I have removed the link in your previous post as it links to a forum that breaks our terms of service.

bro its ok... plz see this forum Link Removed U toch any word its color changing... any chance to change like that for my forum

-nimbuzz- wrote:bro its ok... plz see this forum Link Removed U toch any word its color changing... any chance to change like that for my forum

Please stop posting links to forums that are breaking Forumotion's Terms of Service.

OK

It's a glowing effect on the links. Is that what you want?

i want glowing Efects In Full Forum Brother.. i mean any word Users touched mean  That Word want to glowing at multi colors Or single color help bro..