Fancy Usernames

[MichaelDance]

I know you can get styled usernames like the rainbow one released in the mod section but how can you get the javascript for
http://forum.ragezone.com/members/819072.html

Usernames its cool but i cant find out how you do it.

the code for the username would be:

Username Box One:
<span style="color:#CC3300;background: url(images/backround6.gif)"><b>
Username Box Two:
</b></span>

But i still dont know where the Javascript is to display the image on the username.

If you know it would be amazing. Thanks guys and girls.

[Lynne]

It's not javascript, it's just css - the background image.

<span style="color: rgb(204, 51, 0); background: url("images/backround6.gif") repeat scroll 0% 0% transparent;">Username</span>

[MichaelDance]

thank you :) ill try that :)

-------------------
Problem i did that and i got:
http://techenix.com/images/mike/Problem1.PNG
and
http://techenix.com/images/mike/Problem2.PNG

[Lynne]

I can't tell a single thing about CSS with an image. An image doesn't allow me to see the actual CSS.

[MichaelDance]

I can't tell a single thing about CSS with an image. An image doesn't allow me to see the actual CSS.

oh ok Lynne thank you do you know anyone on the VBulletin mod or team who can help me please :) x

[Lynne]

Why don't you post a link? I don't know of many people who can tell what the exact CSS is just from an image.

[MichaelDance]

www.techenix.com - ill open the forums and erm i think i know the reason why when i enter it in the code is cut off to
<span style="color: rgb(204, 51, 0); background: url("http://techenix.com/images/shiny1.gif") repeat

Is there anyway to increase the charators to make it fully have the code?

[Lynne]

Yep, the code is cut off. You'd have to either modify the field in the database to allow a larger number of characters, or just use a class instead and define the class in additional.css - <span class="whatever"> and define .whatever {background:.....}

[MichaelDance]

thank you lynne but i tried:


#admin {
color: rgb(204, 51, 0); background: url("http://techenix.com/images/shiny1.gif") repeat scroll 0% 0% transparent;"
}

That dont seem to be working.

[Lynne]

And that is not going to work if you used <span class="admin"> because #admin is NOT a class, it is an id.

When posting what you've done, there are two things you need to post 1) the textareas in the usergroup manager and 2) the css you wrote. You need to tell us both of those things. I could just say "gee, well, that should work" and it should IIF you used id instead of class, and maybe you did, except you haven't posted that part of your code.

[MichaelDance]

Thank you Lynne for your help.

i found out how to get it working:

i didnt know that . was a class and a # was an id.
In Additional Css:

.admin {
color: rgb(204, 51, 0); background: url("http://techenix.com/images/shiny1.gif")repeat scroll 0% 0% transparent;"
}


First username box:

<span class="admin"><b>

Second username box:

</b></span>


If anyone else wants to use the code ;) thats how you do it.

[sulasno]

could you provide a detailed guide for a newbie ?

[MichaelDance]

could you provide a detailed guide for a newbie ?

Sorry for a late reply hardly go on here anymore.

http://habborawrforum.com/showthread.php?p=1364#post1364

Has all the answers for you step by step :)