Help with customizing username
TappedOut forum
Posted on Nov. 3, 2014, 1:29 a.m. by JexInfinite
I finally managed to upgrade my account and would like to make my username look pimpin'.
The only problem is that I can't do anything with HTML at all.
I basically just want to use a fancy font, maybe change the colour. Is it possible to use the Hobbiton Brush hand font?
Femme_Fatale says... #3
You can use any font you want, but others won't be able to see it unless they have it installed. So unless you download and install lots of fonts, any font that you have that is installed in your fonts folder can be used.
Then, you have to answer these questions:
What colour(s) do you want? Do you want a text gradient? Do you want a text shadow?
November 3, 2014 1:44 a.m.
JexInfinite says... #4
I suppose I like greyish-purple as the primary, and light blue as the secondary. A text change over distance of purple to blue is good. Text shadow? I'd like a text cloud, if that's what it's called. The thing that you and Blizz have.
Idiot question: Where do I actually change my name? I know of the 'Customize username' thing, but that looks useless except for colours. Do you just put the whole code in 'Change username'?
November 3, 2014 1:55 a.m.
Femme_Fatale says... #5
Go to your settings, and at the very top it will show three buttons.
See where it says "Change Username"? Click on that.
November 3, 2014 2:01 a.m.
Blizzicane says... #6
After you figure out everything that Femme said you can use her primer on how to make a nice user name for all your html needs. As for your question, you put parts of the html code in customize username section (not change username) under each letter depending on how you want each letter to look. :3
November 3, 2014 2:05 a.m.
Blizzicane says... #7
Wait were you asking where to put the code to change the look of your username or how to change your username? :S
November 3, 2014 2:10 a.m.
JexInfinite says... #8
Blizzicane Mainly to change the look of the username. I don't understand any of this HTML stuff, like where to put the code, and what it actually does, so please bear with me.
November 3, 2014 2:15 a.m.
Blizzicane says... #9
Refer to comment 5 to see how to write the html. Like I said before Customize Username is where you put the code. If you read the article I linked you would take html such as #FF0000; text-shadow: #0000FF 10px 0px 7px, #00FF00 -10px 0px 10px, #AA44FF 0px 5px 3px; font-family: Times New Roman; font-size: 15px; and place it within each individual letter on the Customize Username page. If you still don't get it after reading the article and my comment then I will guide you through it better or give you a picture tutorial if someone does not help you by then, but I can't right now as I should probably be sleeping. I will be on again in 16 hours+ but by then Femme or someone else will probably already help you by the time I return. :3
November 3, 2014 3:19 a.m.
A very quick tutorial:
First you type in a # and then the color. Like blue, green etc. Or type in numbers from Here.
Then you get maybe: #FF0000 (which is red).
Now place this ; and make a little space. Like: #FF0000;
Now you have the color of the first letter. You can now make a shadow if you want. Put in: text-shadow:#'Any color' -'Number'px -'Number'px;
Ignore the '. The first with 'Any color' is what color you want your shadow to be. The -'Number'px is where your shadow should be. If it should be high or low. There is a little minus in front of the 'Number'px. It says where the shadow is. You can also make it like: text-shadow:#'Any color' 'Number'px 'Number'px;
You can add a third 'Number'px. Like: text-shadow:#1E00FF -5px -10px 20px; . It makes the shadow to like 'fade away'.
So now you have: #FF0000; text-shadow:#1E00FF -5px -10px;
You can change the type the name is written in. Like, 'Times New Roman' or 'Arial', by insetting: font-family: 'Any font you want'; .
At last, you can change your size of your name with the: font-size: 'Any number'px;
This will make your name larger. A larger number is a larger letter. Don't make it to large.
At last you will have something like: #FF0000; text-shadow:#1E00FF -5px -10px; font-family: times new roman; font-size: 20px
This is my first letter. You need to put in this in each of your boxes for your letters in your name.
Hope it helped just a little. :D
November 3, 2014 7:06 a.m.
JexInfinite says... #11
Ok, I sort of understand it all now. I'll mess around with tomorrow. Thanks for your help, guys.
November 3, 2014 7:26 a.m.
Femme_Fatale says... #12
Oooo, feminine colours :3
See that wasn't too hard! All it takes is a little bit of troubleshooting.
November 3, 2014 4:42 p.m.
Well, that is not bad. I should probably make my name a little more cool! :D
November 3, 2014 4:56 p.m.
Blizzicane says... #14
Well im back and it turns out you got it down now. Nice name and colors/shadows :3
November 3, 2014 10:06 p.m.
netnimation says... #15
How can I also display my username on the forums? Right now it's only on my profile :/
July 1, 2015 7:20 a.m. Edited.
HeavenlyAxe says... #16
Test post to see if name is working!
Also I know its kind of plain, but if anyone is bored and wants to make a "heavenly" looking one for me i'd be super grateful!
ps my font didn't work...
code says [;font-family: Algerian Regular;]
JexInfinite says... #2
Femme_Fatale Blizzicane Any halp?
November 3, 2014 1:41 a.m.