layout template ˚⊹♡ w/ resource megalist!

It's 3am (ノωヽ)*:.｡o○

₊˚୨ Making Spacehey layouts can be a very daunting task, and a lot of people often have questions, (including me!) So I went out and tried to make a thorough foundational template & resource list for new users, or seasoned users who like a shortcut.

All the code needed for basic customization is available on a duplicatable document, so you can create an archive of your own hand-made layouts in your Google Drive. The template includes some starter information on coding via Google Doc comments, so you can learn and delete them at your own pace. The document can easily be copied and pasted into the Spacehey "About Me" section.

Simply open the document, duplicate it, and begin editing to get started. The document is most easily read via computer and covers most layout aesthetics- i.e. backgrounds, borders, colors, floaties, YT autoplay, and more. You can find the doc here! 

─── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ───

Alongside the document, I recommend the following links to help you on your journey:

The Spacehey Preview Thingy - For testing lines of code and images

The Spacehey Layout Diagram - Helps you visualize what part of the profile is being affected

The Spacehey HTML Group Code - Individual pieces of code available for copy and paste use, contains more customization options 

RGBA Color Picker and the Google Universal Color Picker - For easy access to color finding and palette creating

Imgur Image Uploader and EasyGif - all GIFs and Images need to be in URL format, this is the easiest way to convert Imgur gifs and PNG/JPGs to URL!

PhotoPea - Free online photoshop for easy image altering

Dribbble, BackgroundTiles, and PixaBay all have great tile images & tile generators, for a seamless profile background

ImageResizer - For those pics that are just a little too big or too small

ChatGPT or your SnapchatAI - For troubleshooting and questions

─── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ────── ⋆⋅☼⋅⋆ ───

If you're looking to further edit your layout, check out these fun resources!

₊˚୨ Tutorials & Blog Posts:

List of CSS HTML Tutorials and Tools (via Nole on Spacehey)

Graphics, blinkies, texts - ultimate links thread (via yuki>_< on Spacehey)

Spacehey HTML on Neocities (via HTML Spacehey Group)

₊˚୨ Websites for blinkies: 

Blinki.es

MyBlinkie (build your own blinkie!)

Glitter Graphics

Free Blinkies Arena

The Blinkie Hoarde (via yuki>_< on Spacehey, Anon and Anakin on Neocities)

BLINKIES (via Sacha on Neocities)

 

₊˚୨ Websites for stamps:

STAMPS !!eye strain warning!! (via yuki>_< on Spacehey and Sacha on Neocities)

STaMPZ !!eye strain warning!! (via rainbow-butterfly-knife on Tumblr)

A Bunch Of Stamp Collections (via spider on Spacehey)

Mike's Graphics !!eye strain warning!! (via ⚔︎LΩ∇ΣRβΩΨ⚔︎ on Spacehey)

₊˚୨ Websites for cursors:

Fillster

Cursors4U

Meu Cursor

₊˚୨ Websites for Gifs & Textures:

99GifShop

Melonking's Textures

Remoji

₊˚୨ Websites for ASCII // text art:

ASCII Art Archive 

The Text Archive

SymbolCopy

AestheticBio

Cool Symbols

KaomojiHub

KaomojiRu

₊˚୨ Symbols:

❤ ♥ ☁ ♛ ☯ ➳ ☭ ♂ ♀ ❀ ♡ ඩ ✧ ☀ ❦ ❧ ✯ ✤ ✺ ❋ ✷ ✸ ✼ ✵ ❂ ☺ ☻ 〠 

 ッ ヅ ㋡ ▤ ▣ ▧ ▩ ❏ ❐ ❑ ❒ ▓ ░ ▒ ▩ ◿◺ ◹◸ ◥ ◢  ◤ ☛ ☚ « » ❁ 

 ੈ✩‧₊˚⋆.ೃ࿔        *:･ *ੈ✩ ‧₊˚      .ೃ࿐      *ೃ༄ ˏˋ      °•*⁀➷ೃ    ⁀➷     : ̗̀➛

₊˚୨ Websites for Graphic Banners

Mike's Graphics (via ⚔︎LΩ∇ΣRβΩΨ⚔︎ on Spacehey)

Tenor

₊˚୨ Emoji Palettes:

EmojiCombos

soft aesthetic: 🎀🍓🌸🍰🍡🥛💌

yume kawaii: 🍓🍰🍵🌈🍬🍮🍯🍊🥝

blue and white: 💙💌💤❄💎🏐🎧

green: 🥝🍵🍏💚🐸🍀🌿🌱

yellow and white: 🍰🍯🧀🍦⛅🥛🏐🌙

red and black: ❤🍓🖤💄💋🏮🎸🍫