Here's two lines of code to add some nice subtle snow along with a nice snowbank at the bottom: body::before{ content: " "; width: 100vw; height: 1 » Continue Reading
It's CHRISTMASTIME and it's time to decorate our profiles to match what is undoubtedly my favorite time of the year. So I'm going to try to throw up some decent CSS snippets for Christmas effects! FIRST: CHRISTMAS LIGHTS! (Thank you, An, in advanced lol) body::before { » Continue Reading
I think 45% of all the bulletins that I com across here are, "How do I add images to my page/blog/bulletin/whatever?" So, here. Here's the once and for all, the definitive guide on how to add images to SpaceHey things. Why doesn't SpaceHey have an image gallery? Because it's fucking expensive. You have to pay for upload storage space. You have to pay for bandwidth. You have to maintain those ser... » Continue Reading
Here's a small snippet on how to change the About Me and Who I'd Like To Meet text. Just change the "content" lines to say whatever you want, in the quotes. .blurbs .inner .section:first-of-type h4{ font-size:0; } .blurbs .inner .section:first-of-type h4:after{ » Continue Reading
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 "h » 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 d » 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%; o » 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