Adding a background to your spacehey profile with HTML and CSS

hey! this blog entry is directed to those that are new to HTML/CSS or spacehey in general. customizing your spacehey profile background is a great way to add personality to your profile!

my current profile (https://spacehey.com/justanotherinternetguy) has a nice animated galaxy background which i like alot.

you can do the same thing i did by:

  1. go to your spacehey profile editing page, which should be https://spacehey.com/edit (or press "Edit Profile" on your homepage)
  2. you can add all the code in the "about me:" section

this is the code i have


<style>
body {
    background-image: url("https://codeberg.org/justanotherinternetguy/filehosting/raw/branch/main/spacebackground.gif");
    background-repeat: repeat;
    overflow-x: hidden;
}
</style>

<!-- rest of your bio goes here -->


the code first specifies a background-image, which is a link pointing to a .gif file i have hosted on my codeberg. you can use my link or your own hosted file on any platform (just make sure your link is pointing to the "raw" form of the image)

i used background-repeat to make sure that the image fills up the entire page.

pretty neat, right?


0 Kudos

Comments

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