Custom names, who does them?
TappedOut forum
Posted on May 2, 2013, 1:23 a.m. by ShadowLand
I see peoples names on here all the time that have been tweaked with a haze around them or have split colors between top and bottom. But who does them that way or knows the way to do this? I am interested.
Hey, thanks for the info on changing the text stuff. Fancy names, away!
October 4, 2014 10:08 p.m.
CastleSiege says... #3
Just upgraded my account finally and found the posts in this thread very helpful. Thanks!
October 19, 2014 11:16 p.m.
H0LY SHIT Y0U GUYS ARE THE BEST
L00K AT MY PIMPING F0NT AND SHAD0W
Triforce-Finder says... #1
I had a look at the source code of the page and with the help of w3schools, where I spent some time lately, managed to find out how this works exactly.
The form for customizing your username has been made expecting you to enter a color name or a hexadecimal RGB color code like #0000FF. The code that would be generated from that is the following:
<span style="color:#0000FF">Text<span>The outcome is this: Text
Now, if we were to post formatted text (like I do lately, sans the shadows), we'd use something like this:
<span style="color:#000000;text-shadow:#FFFFFF 0px 0px 10px; font-family:verdana, sans;font-weight:600">Text</span>As you can see, there are different properties and values. The syntax is as follows: "propertyX:valueX;propertyY:valueY1 valueY2" Note the way : and ; and spaces are used to distinguish between the properties and the values they're given. If a value can contain spaces, like the font names, multiple values are separated by commata instead.
The outcome: Text
Now, to find out how we have to enter our code into the mask of the customization form, the important step is to discern the mask where our input is inserted, so we can cut off what the form will add. This is what the form will add to your entry:
<span style="color:before and">Text<span>after your entry.So the page creates the tag, and asks for a number of css style properties that go between the quotation marks. The one thing that stings the eye is the
color:part. Normally, you could enter the properties in any order as long as they're separated by a semicolon. But because the color property (and its colon) is already there, we have to enter the value for it first. Then we can add other properties. We begin with a semicolon to separate it from the previous one, enter the porpertie's name (like font-weight for thicker lines), a colon, then the value(s). That can be repeated for every property we want to set. Check out w3schools for more properties that you can change if you need.Hope that helped, it was definitely fun to write. Oh, I guess some will want to know how I displayed the code. Use backticks (can't display them.... they look like apostrophes (') that are leaning to the left). Just enclose the code you want to display with them.
March 15, 2014 9:59 p.m.