Cryptic Jasmine's profile picture

Published by

published
updated

Category: SpaceHey

Top 5 Codes to Modify Your Spacehey Layout


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>



356 Kudos

Comments

Displaying 20 of 32 comments ( View all | Add Comment )

Reid

Reid's profile picture

this is very helpful


Report Comment

Kai the coolest ^.^

Kai the coolest ^.^'s profile picture

Amazing but the bg won't work for my :/


Report Comment

Zigzag Buster 🇺🇦

Zigzag Buster 🇺🇦's profile picture

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

Dedefidelity 's profile picture

DUDEEE THX SO MUCH


Report Comment

Cadgam

Cadgam's profile picture

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

J3TT J4YW4LK3R's profile picture

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

Xx_ballsgaming_xX's profile picture

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

Xx_marlowe_xX's profile picture

Anyone else having a lot of the codez not working :/


Report Comment



*us!! some arent working :((

by PRISMM !!; ; Report

same ;C

by Alex; ; 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

lesbian-l0ser

lesbian-l0ser's profile picture

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 lesbian-l0ser; ; 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

Codymassacre's profile picture

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

Dolly

Dolly's profile picture

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!!

Giselle!!'s profile picture

This was sooo helpful tysm for posting this!!! xoxo


Report Comment



omg Marie profile piiic!

by Bee; ; Report

Lunar

Lunar's profile picture

I needed this desperately thank you very much ^^


Report Comment

eviline

eviline's profile picture

thank u so much ^__^


Report Comment

BR41N !!!🍟

BR41N !!!🍟's profile picture

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

charlie's profile picture

i luv this code sooo much! also is there a way to remove the banner by chance?


Report Comment

Lulu

Lulu's profile picture

Thanks so much!!


Report Comment

iAmThatKidYouKnowWhatiMean

iAmThatKidYouKnowWhatiMea...'s profile picture

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

Jaroslavver

Jaroslavver's profile picture

This was very helpful! Thanks.


Report Comment

Dri

Dri's profile picture

Thank you!


Report Comment