π·πππ ππ π πππ ππππππππ ππππ ππππ πππππ π π’ππ ππ ππππππ πππ πππ£π πππ ππππ πππ π ππππππππππ ππ π’πππ πππππππ’ ππππ!
π
π
§π
π
π
π
π
:Β
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>
Comments
Displaying 5 of 5 comments ( View all | Add Comment )
ππͺππ©π€ππͺππ±π’β
you are amazing omg!!
Report Comment
Laurel Taylor
this is awesome! thank you xoxo
Report Comment
Horrorbaby
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
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
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