this feature has become kinda popular here and i want everyone 2 have complete freedom on their username styles so i'm just adding this repository of code i've been working with for a bunch of the username styles... i'll explain what all the code does and hopefully u should be able 2 kinda piece together how 2 custom code ur own usernames if u find the builder i provided a bit limiting
before i start... most of the resources i use are found in
forumthatneverwas.com
... this is just a hidden developer forum i've been using 4 image resources so that i can link to them in the code... probably one that will come in handy if u want 2 use the gifs i've uploaded as well... this forum is only accessed by the link so i dont bloat the main website so if u cant find it... its intentional lol
so basically: all username styling follows this initial framework
font-weight: bold; makes text bold
color:#FF0000; defines the color (using hex in this example but rgb also works)
font-size: 8; defines the font size
background: transparent url('images/8ball.png') no-repeat; places an image or gif (in this case an 8 ball) beside the user name
padding-left: 14px; adjusts the padding
so for a relevant example here's the code 4 my current username using multiple gifs,, colors,, shadows,, and styles
background-color: rgba(0, 0, 0, 0);
background-image: url("https://forumthatneverwas.com/attachments/bg14-gif.42"), url("https://forumthatneverwas.com/attachments/bg15-gif.43"), url("https://forumthatneverwas.com/attachments/bg26-gif.54"), url("https://forumthatneverwas.com/attachments/bg25-gif.53");
background-position: 6px center, 52px center, 136px center, -24px center;
background-repeat: no-repeat;
color: black;
font-size: 13px;
padding-left: 5px;
padding-right: 5px;
text-shadow: 0 1px 0 gold, 4px 0 5px gold, -3px 2px 6px yellow;
font-weight: bold;
while u might be overwhelmed looking at this ((ik i was))... a lot of this comes with trial and error... my suggestion is taking an existing template i have made and just editing specific values 2 ur liking
also ik the other question is where would i put this code? well... 4 now just message me the code thru the forum or thru any means u have of contacting me and i can make it happen... i'm trying 2 add a text box in the account details or style settings where u would be able 2 adjust this urself but it's j conflicting w a bunch of shit so i'll edit this once i get it working... shouldn't be long from this post tho
anyway here are the templates for the styles i've made on the site so far... edit them and use them as u like! i'll add more of these as well!
have fun!!!!
SHADOW:
color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;
Red Animated:
text-shadow: red 1px 1px 10px;
color: red;
background: url('https://xnforo.ir/16066101745881.gif');
Spoooky:
background-attachment: scroll, scroll, scroll, scroll;
background-clip: border-box, border-box, border-box, border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("https://forumthatneverwas.com/attachments/bg23-gif.51/"), url("https://forumthatneverwas.com/attachments/bg15-gif.43/");
background-size: auto auto, auto auto, auto auto, auto auto;
color: #DEE1FF;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: -1px -2px 2px #a200ff, 1px -2px 2px #a200ff, 1px 2px 2px blue, 1px 2px 2px blue;
3D Glasses:
background: url("https://forumthatneverwas.com/attachments/bg4-gif.32") ;
color: #000000;
font-size: 13px;
font-weight: bold;
text-shadow: -1px 0 yellow, 0 1px green, 1px 0 #00e1ff, 0 -1px hotpink;
4th of July:
color: #fff7f7;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 0 red, 1px 2px 0 #000000, 1px 1px 6px #8b0000, 1px 1px 9px #f00;
background: url("https://forumthatneverwas.com/attachments/bg23-gif.51"), url("https://forumthatneverwas.com/attachments/bg19-gif.47"), url("https://forumthatneverwas.com/attachments/bg1-gif.29/")
Hot Pink:
color: black;
font-size: 12px;
font-weight: bold;
text-shadow: 0 0 8px #EF0FE9, 0 0 2px lightskyblue, 0 1px 0 violet, 0 0 9px #EF0FE9;
background: url("https://forumthatneverwas.com/attachments/bg4-gif.32"), url("https://forumthatneverwas.com/attachments/bg1-gif.29"), url("https://forumthatneverwas.com/attachments/bg9-gif.37");
Orange Fireworks:
color: #FF8C00;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 0 #000000, 1px 1px 8px #FFFF00, 1px 1px 6px #FFA500, 0 0 4px #000000;
background: url("https://forumthatneverwas.com/attachments/bg13-gif.41"), url("https://forumthatneverwas.com/attachments/bg4-gif.32"), url("https://forumthatneverwas.com/attachments/bg5-gif.33");
Ocean: (my fav one lol)
color: #005fff;
text-shadow: 0px 0px 9px #07dede, 0px 0px 5px #07dede;
font-size: 13px;
font-weight: bold;
background: url(https://forumthatneverwas.com/attachments/bg20-gif.48), url(https://forumthatneverwas.com/attachments/bg9-gif.37);
Purple Flame:
color: #6B59CC;
text-shadow: 0px 0px 9px #c66af0, 0px 0px 5px #c66af0;
font-size: 13px;
font-weight: bold;
background: url(https://forumthatneverwas.com/attachments/bg10-gif.38/)
have tons of fun fucking around w these! hopefully this was a decent overview,, just post a reply if u have any questions... i will keep this updated w more styles as i make them!
before i start... most of the resources i use are found in
effects gallery
dev stuff for page effects... if u see this imma hide it later dw
forumthatneverwas.com
so basically: all username styling follows this initial framework
font-weight: bold; makes text bold
color:#FF0000; defines the color (using hex in this example but rgb also works)
font-size: 8; defines the font size
background: transparent url('images/8ball.png') no-repeat; places an image or gif (in this case an 8 ball) beside the user name
padding-left: 14px; adjusts the padding
so for a relevant example here's the code 4 my current username using multiple gifs,, colors,, shadows,, and styles
background-color: rgba(0, 0, 0, 0);
background-image: url("https://forumthatneverwas.com/attachments/bg14-gif.42"), url("https://forumthatneverwas.com/attachments/bg15-gif.43"), url("https://forumthatneverwas.com/attachments/bg26-gif.54"), url("https://forumthatneverwas.com/attachments/bg25-gif.53");
background-position: 6px center, 52px center, 136px center, -24px center;
background-repeat: no-repeat;
color: black;
font-size: 13px;
padding-left: 5px;
padding-right: 5px;
text-shadow: 0 1px 0 gold, 4px 0 5px gold, -3px 2px 6px yellow;
font-weight: bold;
while u might be overwhelmed looking at this ((ik i was))... a lot of this comes with trial and error... my suggestion is taking an existing template i have made and just editing specific values 2 ur liking
also ik the other question is where would i put this code? well... 4 now just message me the code thru the forum or thru any means u have of contacting me and i can make it happen... i'm trying 2 add a text box in the account details or style settings where u would be able 2 adjust this urself but it's j conflicting w a bunch of shit so i'll edit this once i get it working... shouldn't be long from this post tho
anyway here are the templates for the styles i've made on the site so far... edit them and use them as u like! i'll add more of these as well!
have fun!!!!
SHADOW:
color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;
Red Animated:
text-shadow: red 1px 1px 10px;
color: red;
background: url('https://xnforo.ir/16066101745881.gif');
Spoooky:
background-attachment: scroll, scroll, scroll, scroll;
background-clip: border-box, border-box, border-box, border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("https://forumthatneverwas.com/attachments/bg23-gif.51/"), url("https://forumthatneverwas.com/attachments/bg15-gif.43/");
background-size: auto auto, auto auto, auto auto, auto auto;
color: #DEE1FF;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: -1px -2px 2px #a200ff, 1px -2px 2px #a200ff, 1px 2px 2px blue, 1px 2px 2px blue;
3D Glasses:
background: url("https://forumthatneverwas.com/attachments/bg4-gif.32") ;
color: #000000;
font-size: 13px;
font-weight: bold;
text-shadow: -1px 0 yellow, 0 1px green, 1px 0 #00e1ff, 0 -1px hotpink;
4th of July:
color: #fff7f7;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 0 red, 1px 2px 0 #000000, 1px 1px 6px #8b0000, 1px 1px 9px #f00;
background: url("https://forumthatneverwas.com/attachments/bg23-gif.51"), url("https://forumthatneverwas.com/attachments/bg19-gif.47"), url("https://forumthatneverwas.com/attachments/bg1-gif.29/")
Hot Pink:
color: black;
font-size: 12px;
font-weight: bold;
text-shadow: 0 0 8px #EF0FE9, 0 0 2px lightskyblue, 0 1px 0 violet, 0 0 9px #EF0FE9;
background: url("https://forumthatneverwas.com/attachments/bg4-gif.32"), url("https://forumthatneverwas.com/attachments/bg1-gif.29"), url("https://forumthatneverwas.com/attachments/bg9-gif.37");
Orange Fireworks:
color: #FF8C00;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 0 #000000, 1px 1px 8px #FFFF00, 1px 1px 6px #FFA500, 0 0 4px #000000;
background: url("https://forumthatneverwas.com/attachments/bg13-gif.41"), url("https://forumthatneverwas.com/attachments/bg4-gif.32"), url("https://forumthatneverwas.com/attachments/bg5-gif.33");
Ocean: (my fav one lol)
color: #005fff;
text-shadow: 0px 0px 9px #07dede, 0px 0px 5px #07dede;
font-size: 13px;
font-weight: bold;
background: url(https://forumthatneverwas.com/attachments/bg20-gif.48), url(https://forumthatneverwas.com/attachments/bg9-gif.37);
Purple Flame:
color: #6B59CC;
text-shadow: 0px 0px 9px #c66af0, 0px 0px 5px #c66af0;
font-size: 13px;
font-weight: bold;
background: url(https://forumthatneverwas.com/attachments/bg10-gif.38/)
have tons of fun fucking around w these! hopefully this was a decent overview,, just post a reply if u have any questions... i will keep this updated w more styles as i make them!