bunnie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

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

DribbbleBackgroundTiles, 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: ❤🍓🖤💄💋🏮🎸🍫


₊˚୨ My Favorite Blog Resources

layout help ୨୧⋆。˚ - ★𖦹kyon's Blog | SpaceHey

CSS/HTML Codes for spacehey - ngiegs's Blog | SpaceHey

Profile Resources Masterpost | SpaceHey

perfect code guide - r0bbyr4nd0m's Blog | SpaceHey

Dollz Collection - 𝓼𝓹𝓸𝓸𝓴𝔂𝔀𝓲𝓯𝓮❤'s Blog | SpaceHey

cool names fonts yeah

fonts- snippet by cory

doub


299 Kudos

Comments

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

chewy ꩜

chewy ꩜'s profile picture

is anyone else having trouble getting the profile diagram to load? it worked the first time i opened the link but now the image won't load.. ₍ ˃ ⤙ ˂ ₎ა


Report Comment

Lili-chan

Lili-chan's profile picture

I don't know if anyone else is having this problem, but apparently some websites don't allow Spacehey to use their images and it seems like Imgur is one of those. My code with work on the test page, but not on my actual page. No idea if this is some glitch or something, but definitely keep an eye out! I'll try to look for a good replacement since my image is still not working. Wish me luck, and let me know if any of you find a replacement!

Also, best blog entry EVER! This is literally so helpful... THANK YOUUUU!


Report Comment



ALAS, I EAT MY WORDS! Ezgif worked beautifully!!!!!!! Thanks so much!

by Lili-chan; ; Report

I eat my words again... Still no dice, and I can't find a replacement. My image URL is so long it crashes every page I try to put it into, even URL shorteners. I've been at this for over a week... :( Oh, well. The other stuff that's actually working is epic, though.

by Lili-chan; ; Report

Thanks sm for your kind comments ^-^ That URL issue sounds terrible! Unfortunately, I don't know of any perfect solutions. You might try reverse-image searching and trying a new URL. Or you could try posting the gif on an image-hosting website (or Discord!) and resaving the link. I don't know if it'll work, but it might be worth a shot!

by bunnie; ; Report

I actually did end up finding a solution, actually this time, haha!! I google searched it about three thousand times (I'm being dramatic) and found someone posted a forum thingy with info on a bunch of image hosters that work on SpaceHey. Crisis finally solved! Thanks again for your work, this is literally awesome.

by Lili-chan; ; Report

catbox is amazing! looks like a gooner website (anime girls everywhere), but gets the job done

by ninabina; ; Report

LOL that's so real. It works like a charm despite its looks XD. I also like to use Imagebb because it has a simple look like Imgur but without being a little punk (like Imgur--)

by Lili-chan; ; Report

Nikki Lynz

Nikki Lynz's profile picture

thank you!


Report Comment

jas

jas's profile picture

Tysm!! This was so helpful! (人 •͈ᴗ•͈)


Report Comment

nimbus

nimbus's profile picture

AHH THANK YOU i havent been on here since like 2 years ago and decided to ovehaul my entire profileee this is gonna be so helpful <33


Report Comment

limapetrova

limapetrova's profile picture

you deserve the world. forgot my old acct from '21 and all the other layout thinga ma jigs lmao


Report Comment

Awildkelkinnie

Awildkelkinnie's profile picture

UGH TYSM YOU DESERVE THE WOOORLDDD


Report Comment

Pupm

Pupm's profile picture

OMG TYSM!!!<333


Report Comment

Neso

Neso's profile picture

Tysm this is so helpful! 💕


Report Comment

Meli_23high

Meli_23high's profile picture

thankkkk you :]]]]]


Report Comment

Red

Red's profile picture

ehrmehgerd thanks uuu so much 4 dis >3<


Report Comment

Jade 🌷

Jade 🌷's profile picture

Omg youre literally so awesome for this,,, ♡♡♡


Report Comment

Brandy

Brandy's profile picture

Thank you so much, you're a life saverr💞


Report Comment

Aya

Aya's profile picture

tysm! this was so helpful (o゜▽゜)o☆


Report Comment