Report Blog Entry
i am DESPRATELY trying to costomise my pfp but EVERYTIME i try to use my own background with background-image: url (); code it NEVER WORKS IM GONNA EXPLODE I JUST WANT TO COSTOMISE MY OWN PROFILE I DONT WANNA USE A LAY OUT kms kms ksmskmsksmfsdkjflskjfsof die spacve hey and ive tried a billion diffrent methods like pimp my spacve hey and tik tok & youtube tutorials but NOTHING works please anyone pretty please any advice
SPACEHEY DIE DIE DIE IN A FIRE
2 Kudos
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
amiga1000
hi hi!! i will try to help to the best of my ability since i know how frustrating this whole coding thing can be.
so spacehey profile editing is all done in CSS - which i'm sure you understand it can be a total pain in the ass if you don't have everything put in exactly right.
you've got a few tools at your disposal - in order to find certain elements and test out your syntax, you can use the inspect element tool in your browser. you should be able to access it by right clicking in your browser window. through this tool, you can pick out specific elements on a page and see the style elements assigned to them by default. you can also directly edit in the inspect element menu! there are also tools people have made to live test your syntax/formatting like nein-mc's spacehey CSS preview thingy, among a couple others. it's a great way to test out everything before pushing a profile update.
the "body" element will refer to the entire background of your profile, and the "main" element will refer to the box that holds all your profile information. here's code from my profile:
body{
background-image: url(https://wallpapercave.com/wp/wp10902337.jpg);
}
main {
background-color: rgba(0,0,0,0.85);
}
just as a heads up, my profile does have auto-playing music and a gif before the profile loads in!! but these rules that i have set will have the linked wallpaper across the entire background, and the main profile content box over top will be translucent. of course, you can feel free to use this and slap your own link inside if you want to! (as a quick aside, the "a" in rgba is "alpha" - which in this case is the transparency. the closer to 1 the more opaque it is). if there's a specific image you have saved that you want to use, a good (free!) image hosting site that you can use is catbox.moe. afaik spacehey doesn't host images.
i hope that this is helpful to you, and feel free to reach out if you would like/need further help!!
𐔌Gloomy_Bento 📦 ˎˊ- .ೃ
Use this, I converted my images to links. Main is the middle image the "body" is the background image that takes up the whole profile's space
/* code generated by the spacehey live designer [start] */
main{ background-image: url(LINK HERE)!important;}
body{ background-image: url(LINK HERE)!important;}
.table-section .heading, .contact .heading{ color: rgb(242, 242, 242) !important; background-color: rgb(170, 36, 36) !important;}
.table-section, .contact{ border-color: rgba(255, 255, 255, 0.81) !important;}
/* [end] spacehey live designer */