[CODE] Creative Name box! (add image/change size)

π™·πšŽπš›πšŽ πš’πšœ 𝚊 πšπšžπš— πšŒπš›πšŽπšŠπšπš’πšŸπšŽ 𝚌𝚘𝚍𝚎 πšπš‘πšŠπš πšŠπš•πš•πš˜πš πšœ 𝚒𝚘𝚞 𝚝𝚘 πšŒπš‘πšŠπš—πšπšŽ πšπš‘πšŽ πšœπš’πš£πšŽ πšŠπš—πš πšŽπšŸπšŽπš— 𝚊𝚍𝚍 𝚊 πš‹πšŠπšŒπš”πšπš›πš˜πšžπš—πš 𝚝𝚘 πš’πš˜πšžπš› πšπš’πšœπš™πš•πšŠπš’ πš—πšŠπš–πšŽ!
πŸ…”πŸ…§πŸ…πŸ…œπŸ…ŸπŸ…›πŸ…”:Β 



SOOO the code you are getting will give you the exact Display Name I have shown. If you're cool with that go ahead and skip to the bottom where it says "the code."Β 

But if you wanna change it up I'll go through how to do that now. Font size is set to 90. Thats pretty big. If you don't want it so big dial it down to 50, 40, 30, or even 20. Standard is around 20 for reference. Line Height is set to 80, I have it this way because my text is very large. If you want to dial down your text size, you'll also want to dial down the line height as well. You can change the font by replacing where it says Β 'Creepster', cursive; with a font of your choice. 'Arial Black'; Is a good alternative. Color can be changed using a HEX code. It is currently set to black, some alternatives are:

Lime GreenΒ FF0000
BlueΒ 0000FF
Baby Blue e7feff
Dark Purple 9900c1
Light Purple f5d1ff

Or for more option here is a link to a color wheel so you can really find the perfect shade
(make sure to open in a new tab)

Background image can be changed using a direct image address url of any image you want. You find this by right clicking the image you want and clicking "Copy Image Address." You can adjust the size of the image as well. The code is set to 100% but if you wanted to have the image zoom out a little you can change it from 100% to 80%, 50%, 30%, ect.Β 

If you need me, contact me and ill do my best to help you further. Hope you enjoy. Don't forget to kudos and comment if you found this helpful!








πŸ…£πŸ…—πŸ…” πŸ…’πŸ…žπŸ…“πŸ…”


Β <style>
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');


h1 {
font-size: 90px!important;
line-height: 80px;
font-family: 'Creepster', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: #000;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 5px #fff;
background: #000;
background-image:url("https://i.gifer.com/N8WG.gif");
background-position: center;
background-size: 100%;
}

</style>


34 Kudos

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

π”žπ”ͺπ”žπ”©π”€π”žπ”ͺπ”žπ”±π”’β‹†

π”žπ”ͺπ”žπ”©π”€π”žπ”ͺπ”žπ”±π”’β‹†'s profile picture

you are amazing omg!!


Report Comment

Laurel Taylor

Laurel Taylor's profile picture

this is awesome! thank you xoxo


Report Comment

Horrorbaby

Horrorbaby's profile picture

Hi babes would you happen to know how to resize an image? I have one of me on my page and it’s too big and I’m going crazy trying to figure it out. Also, i had this background and loved it but tried to tweak it and failed .. damn it


Report Comment



Where its says background size 100% mess around with the percentage and see what it does for you. :)

by Morgan Madewell; ; Report

thank you doll (:

by Horrorbaby; ; Report

thanks bby! But i meant on my actual profile above my about me

by Horrorbaby; ; Report

Blessed Angel

Blessed Angel's profile picture

I used the spider web and I love it but my screen name is Greg's Angel so I was wondering if you could do one with pretty angel wings. If you can't that's ok I understand. Thank you very much.


Report Comment

Christine Hazel

Christine Hazel's profile picture

I love this idea but I’m not a fan of spider webs. And ideas on how to do this with a different graphic?


Report Comment



find the picture you want right click it and hit "copy image address" then replace where it says Background-Image (url) with the url you just copied

Does that make sense?

by Morgan Madewell; ; Report

Yes. I tried it with a photo from my Google photos and it wouldn’t work. I’m not sure what I did wrong

by Christine Hazel; ; Report

You can send me url and I’ll make it for you ^.^

by Morgan Madewell; ; Report

Thank you so much!!!!

by Christine Hazel; ; Report