~ Usernames Appearance ~

[MrPeace]

Hi All,

I was wondering if there was any way in which i could make the username with each letter differant colors..? I had a look at it and couldnt think of a way of doing this, if any of you guys know of a way or can produce a way i would greatly appreciate it.

Thanks.

[WetWired]

Only way I can think of is javascript that looks for certain markup and adds its own.

[MrPeace]

Originally Posted by WetWired

Only way I can think of is javascript that looks for certain markup and adds its own.

Thanks for replying m8.... how exactly would that work tho ? im pretty new when it comes to working with javascript

[WetWired]

Myself, I've never written anything like that, but what you need to do is put something like <span class="rainbow"></span> as the markup for the usergroup, then have javascript that runs at the end that does a document.getElementsByTagName("span") to get all the spans, then itterate through them. For each one with className="rainbow", you'd retrieve the innerHTML, break it into letters, add the color markup, and write it back.

Again, I'm a novice when it comes to JS, especially the string stuff you'd need to use; if what I've given you isn't enough, you'll need to find other help.

[cOuNtErFiET]

i know what your talking about chris and yea i was wondering the same thing
so far i havent found a way but im still looking, i see it a lot on the ipb board but havent seen it yet on a vb board

EDIT: found out how and got it working on my board!

[magnus]

Well, no.. this could be done in PHP, too.

PHP Code:

<?
$colors = array(
    'a' => 'red',
    'b' => 'blue',
    'c' => 'green',
    'd' => '#CFCFCD',

    etc ..
);

$input = 'abcdefghi..';
$letters = preg_split('//', $input -1, PREG_SPLIT_NO_EMPTY);

foreach($letters as $letter)
{
    echo '<span style="font-color:' . $colors[$letter] . '">' . $letter . '</span>';
}

?>

Just an example, but it could be expanded on.. for example, make it a function and just call it whenever you want it.

PHP Code:

function omgcolors(text)
{
    $letters = preg_split('//', $text, -1, PREG_SPLIT_NO_EMPTY);

    foreach($letters as $letter)
    {
        $output .= '<span style="font-color:' . $colors[$letter] . '">' . $letter . '</span>';
    }

    return $output;
} 


Then you could just call it when needed.

ie.

omgcolors($bbusername);

[Si...]

Or you could use HTML. Depends. Do you want it on everyones username? Or just yours?

Oh and using html like that is not recommended... But its an idea.

Some Random Text

[captainron19]

On somewhat of a same note, is it possible to have usernames all show in a specific font? I have an odd font that a lot of people most likely do not have on their computer so I was wondering if it is possible if they do not have it loaded.

[Si...]

It may possible to Embed a font. But I couldn't tell you how to do that.

[MrPeace]

Originally Posted by Si...

Or you could use HTML. Depends. Do you want it on everyones username? Or just yours?

Oh and using html like that is not recommended... But its an idea.

Some Random Text

No i would make it for a specific usergroup and hopefully be able to make others for differant usergroups