two colors in one username??!?!?!?

i would like to know how they do this:

CSS, i'll try to get the code for you


This was the best code i could find

Code:

a[href="/u"]{
  color: #AAAAAA  !important;
}

it doesnt work!

you have to put the user number, like this https://help.forumotion.com/u26520

But you would take the /us26520 and put it into the code to make

Code:

a[href="/u26520"]{
  color: #AAAAAA  !important;
}

I did but it still doesn't work for some reason!

is that person in any group?

i think its a sub link, like sometimes i go on a site and i see that, then when i highlight over the white ppart of their name (the color thats different) an ad pops up, so maybe it was just that, cause iknow that having two colors in username isnt possible

@reverse yes this person is in a group

@xxdroiidx how does that person create the sublink

Hi,

}
a[href="/g10-vip"] {
background: url("https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

That allows for a specific image to be added to a username, upon the username's color. So maybe you could get a color and add that in as a shade or something. I don't know if it would work properly though, but you can try. My forum is PHBB.

I don't think it's possible.

Unless you create an image that has 2 different colors, to use the following code.

Code:

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

Sir chivas, I just posted that code above you stupid "noob"

lololololololoolOLolOlOOloOLOlOLoLOlOLolOOLOLoL.

leave sir chivas. just leave.

:\ its definently possible lol bcuz they did it

Hi,

Can you post link tot he forum where this is done?

As long as a space is in the username, this should do it.

Modules>>Javascript codes management

Code:

jQuery(document).ready(function(){jQuery('a[href="/u1"] span').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)});jQuery('#chatbox a[href="/u1"]').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)});jQuery('#chatbox_members a[href="/u1"] span').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)})});

Remember:
*Enable Javascript!
*In all pages.
*Replace u1 with username # on the url
*Replace #ff0000 with any color code.
*For the first part of username, it uses the regular color that it would be without the code.

I tested it on mine and it works!

WORKS THANKS!!

No problem

You could of just ask me, you know

Here is the link to the forum: http://www.duelacademy.net/

amy cool you are nice may i ask how? and also may i ask how you made those footer link images at the bottom of your page?

Photondragon12345 wrote:amy cool you are nice may i ask how? and also may i ask how you made those footer link images at the bottom of your page?

A working vode was already posted , read up.

oh its working except is there any way to do it so its two colors in the chatbox? where it is not two colors currently

Ah I see

lilyheart7 wrote:

Code:

jQuery(document).ready(function(){jQuery('a[href="/u1"] span').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)});jQuery('#chatbox a[href="/u1"]').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)});jQuery('#chatbox_members a[href="/u1"] span').each(function(){var t=jQuery(this).text();var splitT=t.split(" ");var halfIndex=Math.round(splitT.length/2);var newText="";for(var i=0;i<splitT.length;i++){if(i==halfIndex){newText+="<span style='color:#ff0000;'>"}newText+=splitT[i]+" "}newText+="</span>";jQuery(this).html(newText)})});

This code can be shortened to just this:

Code:


$(function(){
 $('a[href="/u1"]').each(function(i,e){
  var name = this.innerHTML.replace(/<[^>]+>/g, '');
  this.innerHTML = this.innerHTML.replace(name, name.replace(/([^\s]+)/, '<span style="color:#f00">$1</span>');
 });
});


Since the '#chatbox' selectors aren't actually doing anything lol.

To do the chatbox ones, you'd need to ensure the chatbox was an IFRAME chatbox rather than an EMBED.
You can actually do this really easily since Forumotion inserts the chatbox via javascript and they have left the old function in place. Just simply put in Javascript file for the homepage: window.insertChatBoxNew = insertChatBox;

Now that the chatbox is an iframe, you can access the iframe and send it into jQuery as the context parameter.

Making the final script for everything something like:

Code:

window.insertChatBoxNew = insertChatBox;
$(function(){
 var color = function(html) {
  var name = html.replace(/<[^>]+>/g, '');
  return html.replace(name, name.replace(/^([^\s]+)/, '<span style="color:#f00">$1</span>');
 };
 $('a[href="/u1"]').each(function(i,e){
  this.innerHTML = color( this.innerHTML );
 });
 var cb = document.getElementById('frame_chatbox');
 if(cb) {
    cb.name = 'chatbox';
    $('a[href="/u1"]', document.chatbox.document.getElementById('chatbox')).each(function() {
      this.innerHTML = color( this.innerHTML );
    });
  }
});


Making the chatbox coloring possible, and much faster.

Amy pro powers is everywhere wait y am i here o.o

lol I forgot to remove those unnecessary parts once I saw they did not do anything to chatbox actually but oh well, didn't realize that the code would land one day here in support forum.

And thanks for the infos LG, you always make good input