I. It's free to be kind. It absolutely costs no money to not say something that can cause harm to others. It's also painless and easy to listen when someone in earnest says "hey, this causes me harm" and to say "I'm sorry; I'm kind enough to express my sentiment in a fashion that doesn't cause you harm" because you agree, you don't want to cause anyone undue harm for their unchangeable existenc... » Continue Reading
Hey everyone! I've got a NEW thing to show y'all. I've really decided to push the boundaries of what I can do with CSS and stuff here on SpaceHey and I think this is a step in the right direction. The code down below will add an animated overlay to your profile that will reflect the actual weather conditions of whatever US Zip Code you set. For instance, right now in Baltimore, it's a little cloud... » Continue Reading
So the absolute goddess Mils asked me to see if I could rig up a neon light for her profile name. I did and now I'll share with you all! This is an all in one style thing, so copy this and place it anywhere; I'd put it outside any existing CSS you might have. Feel free to choose a different google font, and feel free to change the text color! <style> @import url('https://fonts.googleapis.com... » Continue Reading
Marquees are easy ways to make slideshows, but I'm not an easy guy, so let's get use some MATH to figure out how to make traditional fading slideshows. You can see an example on my page, underneath the Books You Should Read section. I've figured out the math for a 4-image, 5-image and 6-image slideshow. If this post blows up, I'll work out the math for more. Implementing the slideshow is easy! C... » Continue Reading
If you want to get the full SpaceHey experience, for now and the future, you should do three things: Whitelist SpaceHey in your adblocker of choice. There aren't any ads on SpaceHey right now but if there ever are, I think we can all agree that An is deserving of any revenue for building this amazing community. So if you have an adblocker in your browser, look up how to whitelist a domain, then wh... » Continue Reading
Here's some code for replacing the contact icons in your box. Right now, I changed them to emojis, but you can change them to images by setting the content to url('yourimageurl') in the quotes. I recommend images that are 16x16 but you do you, boo. The text in-between the stars and slashes are just guides to help you remember what the things are; they won't change the text. Thanks to Virtual Machi... » Continue Reading
This piece of CSS will put a film grain effect over your entire page. It works on desktop and mobile and will sit over everything without interfering with anything. Great if you have an aesthetic that could use some subtle motion. html:before { animation: grain 8s steps(10) infinite; background-image: url(https://i.imgur.com/QpnTsrV.jpg); content: ""; height: 300%; left: -50%; opacity... » Continue Reading
…I'll release some miserably angsty teen LiveJournal posts in the bulletins. I was incredibly angsty for no reason and fantastically arrogant for some reason. None of that was earned or warranted. Let's see if I get there! » Continue Reading
OK! Video backgrounds. I've done a bit of testing and this process seems to be working pretty well out of the box with a bog-standard SpaceHey profile. Your mileage may vary but it seems to work well in Safari and Chrome, and there's a fallback for mobile. You will need a few things! 1) Pick a YouTube video and save its ID Number ( which is found in the URL, right here I've bolded it. You need eve... » Continue Reading
OK! I've seen a lot of people ask about backgrounds for their page. There's so many ways you can do backgrounds. Let's figure out the best way to do them so your background looks great on mobile and desktop. I want to use this as my background: First thing first, let's set a background image to the page: <style> body{ background-image:url('https://media.giphy.com/media/Ph0oIVQeuvh0k/source.g... » Continue Reading
If you want to have a cool gif or something as your intro animation, here's some codes for you! Honestly, a lot of these work best with a gif with a pattern on it, like static or other things that are chaotic. Replace the URL with the image or gif of your choice (video won't work) and make sure you use single quotes to surround your GIF URL. Don't use the split ones if you have a gif or image that... » Continue Reading
Who reads books anymore? Figure out what rows you want to get rid of, then copy and paste the code you want. If you want to get rid of multiple rows, select more than one code. Make sure to wrap all of your CSS in <style></style> tags so SpaceHey knows that it's CSS code. REMOVE THE ROW .table-section:nth-last-child(2) .details-table tr:nth-child(x){display:none;} CHANGE THE TITLE .tab... » Continue Reading