Organizing code for Layouts, Blinkies, Music

Annie's personal guide and shortcuts to layout options in SpaceHey.

• 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, customizations 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"
  

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

explained:

<img src="insert the address of the "blinkie" here"/>

recipe:

<img src="_________"/>

Some of the "blinkies" I've used in the past have been more complicated than shown above. Usually due to a "blinkie" website having it's own copy + paste feature. If there's a malfunction, you can always simple it down such as the one above, or take the code apart fix it yourself. 

example:

<a href="https://www.glitter-graphics.com"><img src="http://dl4.glitter-graphics.net/pub/1305/1305464a2un1jay44.gif" width=150 height=20 border=0></a><br><a href="https://www.glitter-graphics.com" target=_blank>glitter-graphics.com</a> j?'

explained:

<a href="https://www.glitter-graphics.com">

<img src="http://dl4.glitter-graphics.net/pub/1305/1305464a2un1jay44.gif" width=150 height=20 border=0>

</a><br>

<a href="https://www.glitter-graphics.com" target=_blank>this url will appear as plain text because it's outside of the keys

</a> more trouble making characters

fixed:

<a href="https://www.glitter-graphics.com">

<img src="http://dl4.glitter-graphics.net/pub/1305/1305464a2un1jay44.gif" width=150 height=20 border=0></a><br><a href="https://www.glitter-graphics.com" target=_blank>

</a>

or

<a href="https://www.glitter-graphics.com"><img src="http://dl4.glitter-graphics.net/pub/1305/1305464a2un1jay44.gif" width=150 height=20 border=0></a><br><a href="https://www.glitter-graphics.com" target=_blank></a>

I like keeping the organization as it makes it easier when moving things around or if I choose to delete something. However, both function as they should.