Navigating Layout Options

Annie's personal guide and shortcuts to some layout options in SpaceHey. I use most of these.

• text basics

<u> underlines </u>

<i> italicizes </i>

<font color="#_______"> cool! </font> awww

<p> (paragraph)

<br> 

(line break)

<font size="number">

<font> </font> (self explanatory)

• Simple, customization options for main appearance of profile

<style> 

example: 

body {font-family: Courier New, monospace; background-color: #b695b8;}

explained:

body {font-family: https://blog.hubspot.com/website/web-safe-html-css-fonts, monospace or proportional;background-color: #(any from color picker);}

example: 

{cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur668.cur'), auto;}

explained:

{cursor: url(' download any cursor you'd like to use and paste it here as an address '), auto;}

recipe:

{cursor: url('____________'), auto;}

</style>

• music

<iframe width="0" height="0" src="https://www.youtube.com/embed/vb5o8tEC7qk//?&;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>

explained:

There is a lot of useless code in here, but I choose to keep it if I want to add customization one day. 

<iframe width="0" height="0" src="Insert youtube EMBED url (can be easily accesed with various websites) /?&;amp;;autoplay=1&;loop (self explanatory) =? &;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

*don't forget! </iframe>

recipe:

<iframe width="1" height="1" src="https://www.youtube.com/embed/__________?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>

• "blinkies & images"
  

example: <img src="https://www.glitter-graphics.com/graphics/642689"/>

another example: <img src="https://i.ibb.co/ccBQVXyf/e79afa8a4814fb7ecc3a6e5cc5519fa2.jpg" alt="e79afa8a4814fb7ecc3a6e5cc5519fa2" height="85" width="85"/>

explained:

<img src="insert the address of the "blinkie" or hosted image (I use imgbb.com) here"/>

• "Persistent" image or gif to the side