Cryptic Jasmine's profile picture

Published by

published
updated

Category: SpaceHey

Code Template For SpaceHey

Edit: I found a replacement for Imgur because it isn't working - try Flickr! Also I'm not sure why the google fonts aren't working but someone might have an answer in the Spacehey subject in forums. 

Also, I'm hosting a challenge this month with a chance to win some prizes! If you are interested you can learn more here: Spacehey Challenge October 2024

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 but I will look into it soon. In the meantime, keep learning and creating your awesome profiles :). Thank you!

Creating a video about top five ways to edit your Spacehey and this code template will come in handy. Please note that you will still need to edit parts of this code. The image link sections are blank and you will need to change the fonts and the colors to be what you want: 

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


 


111 Kudos

Comments

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

Kiiren

Kiiren 's profile picture

The font format doesn't work for me-


Report Comment



Unfortunately I think that's something that has stopped working over the last 2 years. I'll have to look into an update, although I'm sure others have already figured it out in the spacehey forum!

by Cryptic Jasmine; ; Report

Unfortunately I think that's something that has stopped working over the last 2 years. I'll have to look into an update, although I'm sure others have already figured it out in the spacehey forum!

by Cryptic Jasmine; ; Report

Vanilla

Vanilla's profile picture

TYSM.

you are helpful.


Report Comment



Thank you, I'm glad it was helpful!

by Cryptic Jasmine; ; Report

Np.

by Vanilla; ; Report

BLUBOT

BLUBOT's profile picture

There are a few things missing here. (I just started so I'm not a coding expert)
I couldn't change the color of certain text, forcing me to make a lighter color page.
It's specifically to text that says (mood, view my) stuff like that, they stay black and I don't know the code for changing the color of that text specifically.


Report Comment



Ah, yeah I wouldn't know either but good call out. You might find something in the 'spacehey' forum!

by Cryptic Jasmine; ; Report

DEACTAVATED

DEACTAVATED 's profile picture

You helped me sooo much tysm!! ur a literal god send!


Report Comment



I'm so happy this helped! :)

by Cryptic Jasmine; ; Report

♫♡︎𝕓 𝕖 𝕣 𝕣 𝕪♡︎♫

♫♡︎𝕓 𝕖 𝕣 𝕣 𝕪♡︎♫'s profile picture

Thanks, ive been looking for one of these♡´・ᴗ・`♡


Report Comment



I'm so glad it was helpful!

by Cryptic Jasmine; ; Report

✨ LisaLove944 ✨

✨ LisaLove944 ✨'s profile picture

thank you for posting this your tutorials have been super helpful! does anyone know how to enter display just a simple text banner instead of using an image? I have the rectangle on top of my page and I'd like to put my username there.


Report Comment



That is a great question! I don't personally know, but let us know if you figured it out :)

by Cryptic Jasmine; ; Report

☽ Lady Loki ☾

☽ Lady Loki ☾'s profile picture

This code snippet has been a lifesaver. I'm currently using it to have my own layout and I discovered when you go to glitter graphics and click on backgrounds you can get those glittery fun backgrounds (I pasted mine in the who I'd like to meet and it still worked).
Thank you so much for making this accessible.


Report Comment



That's awesome! Thanks for sharing about the glitter graphics! I'm so happy this helped :)

by Cryptic Jasmine; ; Report

Kamryn

Kamryn's profile picture

THANK YOU!!!! this was so sososososo helpful!!


Report Comment



YAY! I'm so glad. Thanks for your comment!

by Cryptic Jasmine; ; Report

Bipolar_Aquarius

Bipolar_Aquarius 's profile picture

thank yooou so much for this i loved editing my myspace back in the day in high school but it went all out the window lol i needed this refresher !


Report Comment



Haha SAME! I'm so glad this was helpful :)

by Cryptic Jasmine; ; Report

Wil

Wil's profile picture

helped me SM!


Report Comment



Awesome! thank you for letting me know! :)

by Cryptic Jasmine; ; Report