gutsnrainb0ws's profile picture

Published by

published
updated

Category: SpaceHey

getting started with spacehey coding (unfinished)

hello peepz! U're probably wondering what a small-brained stupid lil guy like me is doing trying 2 talk abt code whn he doesn't evn know how 2 himself.

 

but don't fear! this page will B full of websites 4 better tu2rials.


how 2 insert a background in2 spacehey

2 add a background image, find a image

this is how i do it:

- search up a image as a wallpaper on google

example: y2k grunge collage wallpaper

- opn the link that it came from (click the image)

- click the image N click "open image in new tab"

- in the new tab, click the image again N click "copy image address"

- copy the address in2 ur code!

code for background:

<style>
body, .bodyContent {
background: url(LINK_TO_IMG);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
</style>

(this isn't rlly my code, it's https://blog.spacehey.com/entry?id=12884

example for background code:

body, .bodyContent {
background: url(https://i.giphy.com/media/gFhZjOtzoutSvckWPM/giphy.webp);

background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
</style>

if u want 2 use that code, it's fine! the background looks like this:


how 2 change the spacehey logo in the corner with a cus2m 1

2 replace the spacehey logo, there r important steps b4 ntering the code:

first...

 - find or make a altern8 spacehey logo

good place 2 find these:

https://www.pinterest.com/

examples:



or something alternate:



2 make 1, i would recommnd using ur mobile device n downloading ibis paint x 4 smthing free. thn search up "spacehey logo" n take the original 2 edit from. or do the same thing the doki doki literature club logo did, take it off smthing else.

code for changing spacehey logo:

<style>

 

 .logo {

  

content:url("LINK_TO_IMG")

 

 }

     

</style>

if that doesn't work, check out th0ms blog: https://blog.spacehey.com/entry?id=556495

example code for spacehey logo:

<style>

 

 .logo {

  

content:url("https://i.pinimg.com/1200x/3e/ea/41/3eea414100d4eb48bbec1c7bc027cce7.jpg")

 

 }

     

</style>

the code is 4 the skeleanimal 1, if u want it


how 2 add autoplaying audio 2 ur prfile

2 add music, find a song

first, go on utube and find ur song.

copy the part after "v=" 


put it into this code:


<iframe width="0" height="0" src="https://external-media.spacehey.net/media/s1qXLW-NaFeileGIZ5NLxlsfwoZWF7xkC5Y3vONAgCTY=/https://www.youtube.com/embed/PASTE_THE_PART_HERE/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


u can adjust the width n height if u wnt.

helpful links:

blinkies

https://blinkies.cafe

https://www.glitter-graphics.com/gallery.php?categoryID=25

https://blinki.es/

cursors

https://www.fillster.com/myspace-cursors/1/

https://www.cursors-4u.com/cursor/2010/03/12/myspace.html#google_vignette

background

https://wallpapercave.com/

https://www.freepik.com/


CREDITS

practically everything: claww

background code: claww ^

spacehey logo code: th0ms 

audio code: vidal

GUIDES THAT R WAY MORE INFORMATIVE THAN THIS

https://blog.spacehey.com/entry?id=733349&display=kudos_added (html/css guide)

https://blog.spacehey.com/entry?id=548485 (claww's guide)

thats it 4 now, this will B edited l8r. 


2 Kudos

Comments

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