Edit: Hey all! I just came back to spacehey and saw elements of the background aren't working. They are from imagur. I'm not sure if imagur links expire. Also some codes apparently aren't working for some people but still working for others. I'm not sure what's causing this as I haven't had time to look into this but I will look into it soon. In the meantime, keep learning and creating your awesome profiles :). Thank you!
Code for you to modify:
<style>
@import url('https://fonts.googleapis.com/css2?family=Truculenta:wght@600&display=swap');
p{
font-family: 'Truculenta', sans-serif;
font-size: 150%;
}
h1,h2,h3,h4,h5{
font-family: 'Truculenta', sans-serif;
font-size: 200%;
}
body {
background-image: url(Insert image link here);
}
.profile {
background-color: rgb(255, 179, 217);
}
/* change all headings on page to different colors. */
.profile .blurbs .heading,
.profile .friends .heading{
background-color: rgb(255, 77, 166);
color: black;
}
/* change all headings on page to different colors. */
.profile .contact .heading,
.profile .table-section .heading{
background-color: black;
color: rgb(255, 77, 166);
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 300px;
display: block;
content: "";
box-shadow: 0px 0px 5px 1px #ff4da6;
background-image: url(Insert image link here);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 15px;
background-image: url(insert image link here);
color: white;
}
table.comments-table td {
color: rgb(255, 77, 166);
}
:root {
--logo-blue:black;
--darker-blue: purple;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: black;
--light-orange: black;
--even-lighter-orange: black;
--green: pink;
}
</style>
<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bat.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bat1.gif"), auto;}
</style>
<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bat.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bat1.gif"), auto;}</style>
Comments
Displaying 20 of 33 comments ( View all | Add Comment )
606
You've helped me so much you have no idea. I was so tired of scrolling through layouts without finding the right one!
Report Comment
stinkyone
TYSM!!!!!!!!!!!
Report Comment
Kaz
this is very helpful
Report Comment
Thanks for your comment, I'm so glad.
by Cryptic Jasmine; ; Report
Thanks for your comment, I'm so glad.
by Cryptic Jasmine; ; Report
DragonScalez
Amazing but the bg won't work for my :/
Report Comment
Did you try Flickr instead of Imgur
by Cryptic Jasmine; ; Report
Zigzag Buster 🇺🇦
Hey, Jasmine! How do you highlight the text beneath the blurbs? I want to add colored boxes around all the text on my profile, but I don’t know how to do it. What should I do?
Report Comment
Dedefidelity
DUDEEE THX SO MUCH
Report Comment
Cadgam
The ones I used worked for me! Thanks for the tutorial!
Report Comment
I'm happy to hear that! Thank you for sharing!
by Cryptic Jasmine; ; Report
J3TT J4YW4LK3R
most the codes arent working :( i tried them sm times and even edited them to close and or open the functions and nothings working :( (im a noob at coding and know practically nothing)
Report Comment
same
by xLil Angelx; ; Report
I'm sorry about that. Some things have changed since a few years ago. While this still seems to work for a lot of people some have listed it isn't working for them.
by Cryptic Jasmine; ; Report
Xx_ballsgaming_xX
Thanks for the tut it's rlly helpful!!!! :D
Report Comment
I'm so happy to hear that! Thank you for letting me know!
by Cryptic Jasmine; ; Report
Xx_marlowe_xX
Anyone else having a lot of the codez not working :/
Report Comment
*us!! some arent working :((
by PRISMM !!; ; Report
same ;C
by cool dude; ; Report
Yeah unfortunately some things have changed in the last two years, I've been meaning to make an update video just haven't had time.
by Cryptic Jasmine; ; Report
krowked
I watched the YouTube video and everything for this, and everything is working EXCEPT for when I try to change the headers. I don't know if maybe I messed something up in the code even though I looked over and changed it countless times, but no matter what I do, it won't work. Does anyone have any advice?
Report Comment
Hi thanks for watching! I'm sorry it didn't work!
If it's still not working can you post the code you have in a comment so we can see? Thank you!
by Cryptic Jasmine; ; Report
Hey! Super sorry for the late reply, but I ended up getting it working the way I wanted to! Turns out I had accidentally deleted one character without noticing and had to fix that. :P
Thank you for the help though! Also, the video was super awesome and helpful! :D
by krowked; ; Report
Oh wow! Thank you so much. That's good to hear and honestly is usually the reason something doesn't work when coding. Thank you for the kind words! :)
by Cryptic Jasmine; ; Report
Codymassacre
heyy idk if itz just me but this just str8 up doesnt work fer me fer sum reazon?? liek my pf will just be blank ): liek im changing all the places i need to change but itz just blamk. iz any1 having dis problem 2 er iz it just mii?
Report Comment
You probs figured it out by now but dont use imgur links. For whatever reason spacehey has fucked off all imgur links. Ive been using postimages.org instead.
by lashlimed; ; Report
Omg tyy T - T
by Codymassacre; ; Report
is goods (:
by lashlimed; ; Report
P0999
Thanks so much! My profile is undergoing a serious reconstruction now. Also, I found this user who uploaded a code so background images don't repeat. Here: https://blog.spacehey.com/entry?id=1690
Report Comment
Giselle!!
This was sooo helpful tysm for posting this!!! xoxo
Report Comment
omg Marie profile piiic!
by Bee; ; Report
Lunar
I needed this desperately thank you very much ^^
Report Comment
eviline
thank u so much ^__^
Report Comment
BR41N !!!🍟
when i add the url the banner doesn't show up- what am i doing wrong?
Report Comment
late but i hope i can still help you! okay so this was my problem before to, but i figure it out. anyways dont use imgur it ruins the background but if your in pc, you can google it and click on the pic you like, (dont open the link btw) right click and you see the inspect? click it and you'll find the link its already high lighted btw so you dont have hard time finding it btw! I hope this helps1!!111!!
by sal!!; ; Report
charlie
i luv this code sooo much! also is there a way to remove the banner by chance?
Report Comment
Lulu
Thanks so much!!
Report Comment
iAmThatKidYouKnowWhatiMean
can i like,only take the body thing for the background? or do i have to use the whole thing?
Report Comment
you can use premade layouts for the background image! they're on the left column under "edit profile"
by Xx_Sk3lluna_xX; ; Report