HTML and CSS codes for Spacehey

These are just links to my other blogs With the codes. (Edit: also to other blogs)

I’ll update this list when I get more.

My blogs:

HTML code to share YouTube videos +autoplay for profiles

HTML code for bookshelves

CSS code to change the ‘contact username’ headline text

HTML code for floating image and images rain

Top and bottom image banner

Change profile info box. (Edit profile/...is your friend)

Hide Interest block + header

Change blog header text

Others:

THE ULTIMATE LAYOUT TUTORIAL POST!

Scroll boxes

Interactive book shelf

Change Spaceheys colors HTML

Codes to hide friends and comments

Hide link section

Codes to change sections and titles

Using Grid To Change Your Profile Layout

Extra links:

Remove whitespace in codes

Html colour picker

Blinkies, stamps, 90's tv. Etc!

Font size: <p style="font-size: 1.4rem;">code for font size</p>

Image with rounded border: <IMAGE URL HERE" style="border: 2px solid #7d730b; border-radius: 5px;"/>

Change logo image: style> nav img.logo { content:url("image url here"); }</style

Just for an image: <img src="URL_HERE" width="600" height="100" alt="Image">

Centered image: <p style="text-align:center;">

  <img src="URL_HERE" width="600" height="100" alt="Image">

</p>

Youtube shorts: <iframe width="315" height="560"

src="https://www.youtube.com/embed/<Shorts_video_code>"

title="YouTube video player"

frameborder="0"

allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"

allowfullscreen></iframe> 

Youtube videos (the link has more info): 

<iframe width="550" height="315"

    src="https://www.youtube.com/embed/VIDEOID?rel=0"

    frameborder="0"

    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

    allowfullscreen>

</iframe>

Note to self, these won’t work for you:

Profile layout save

Profile blog layout

Green blog layout

Opening screen layout

Black blue layout, (public blog)