https://blog.spacehey.com/user?id=22975The most recent Blog Entries by the User "Cory" on SpaceHeyhttps://blog.spacehey.com/entry?id=149194https://blog.spacehey.com/entry?id=149194Here'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: 1Sat, 27 Nov 2021 21:28:37 +0000https://blog.spacehey.com/entry?id=147555https://blog.spacehey.com/entry?id=147555It'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 {Sat, 27 Nov 2021 14:06:29 +0000https://blog.spacehey.com/entry?id=111023https://blog.spacehey.com/entry?id=111023I 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...Tue, 16 Nov 2021 19:36:37 +0000https://blog.spacehey.com/entry?id=23886https://blog.spacehey.com/entry?id=23886Here'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{Thu, 22 Apr 2021 17:20:58 +0000https://blog.spacehey.com/entry?id=13351https://blog.spacehey.com/entry?id=13351I. 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 "hTue, 16 Feb 2021 22:18:31 +0000https://blog.spacehey.com/entry?id=11577https://blog.spacehey.com/entry?id=11577Hey 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...Fri, 12 Feb 2021 02:26:59 +0000https://blog.spacehey.com/entry?id=9938https://blog.spacehey.com/entry?id=9938So 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 dSat, 06 Feb 2021 00:11:02 +0000https://blog.spacehey.com/entry?id=8548https://blog.spacehey.com/entry?id=8548Marquees 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...Tue, 26 Jan 2021 14:54:04 +0000https://blog.spacehey.com/entry?id=7841https://blog.spacehey.com/entry?id=7841If 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...Thu, 21 Jan 2021 20:13:59 +0000https://blog.spacehey.com/entry?id=7464https://blog.spacehey.com/entry?id=7464Here'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...Tue, 19 Jan 2021 19:19:03 +0000https://blog.spacehey.com/entry?id=7429https://blog.spacehey.com/entry?id=7429This 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%;   oTue, 19 Jan 2021 15:17:32 +0000https://blog.spacehey.com/entry?id=6834https://blog.spacehey.com/entry?id=6834…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!Sat, 16 Jan 2021 16:24:49 +0000https://blog.spacehey.com/entry?id=6595https://blog.spacehey.com/entry?id=6595OK! 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...Fri, 15 Jan 2021 16:15:19 +0000https://blog.spacehey.com/entry?id=6329https://blog.spacehey.com/entry?id=6329OK! 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:Thu, 14 Jan 2021 13:50:35 +0000https://blog.spacehey.com/entry?id=5901https://blog.spacehey.com/entry?id=5901If 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...Tue, 12 Jan 2021 16:36:33 +0000https://blog.spacehey.com/entry?id=5874https://blog.spacehey.com/entry?id=5874Who 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 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;}Tue, 12 Jan 2021 14:25:06 +0000https://blog.spacehey.com/entry?id=5720https://blog.spacehey.com/entry?id=5720Edit Nov 27 2021: This should still work, even with the changes An made to how media works. If it doesn’t, make sure you’ve allowed YouTube access to you on SpaceHey, by going to someone’s page who has a video and allowing access to it. OK, make a public or unlisted playlist on YouTube and load it with the music you want, then use this code. It is working! Thanks to subfuse for figuring this out! ...Mon, 11 Jan 2021 22:34:30 +0000https://blog.spacehey.com/entry?id=5504https://blog.spacehey.com/entry?id=5504Remember: always put any CSS in between two Style tags: That way, browsers will recognize that what you're trying to do is adjust the style. Also remember that CSS stands for Cascading Style Sheets, so the browser will activate styles from top to bottom!Mon, 11 Jan 2021 01:52:18 +0000https://blog.spacehey.com/entry?id=5491https://blog.spacehey.com/entry?id=5491OK, let's make some things that are generally long scroll so your page isn't as long! Your Comments Section This is CSS. It should go with the rest of your CSS styles. .comments-table{ display: block; height: 200px; overflow-y: scroll; } Any Text Box This is HTML, to make a scrollMon, 11 Jan 2021 01:16:27 +0000https://blog.spacehey.com/entry?id=5169https://blog.spacehey.com/entry?id=5169If you want to add a banner to your profile, above your profile, here's an easy way to do it. I've also included a way to make it look great on mobile. For whatever image you use, adjust the height tags until it looks nice.  Remember: always put any CSS in between two Style tags: That way, browsers willSat, 09 Jan 2021 21:45:02 +0000https://blog.spacehey.com/entry?id=5165https://blog.spacehey.com/entry?id=5165If you're a supporter of SpaceHey, that's amazing  and you are awesome! But you know, gotta get the profile to flow, so let's get some snippets. Remember: always put any CSS in between two Style tags: That way, browsers will recognize that what you're trying to do is adjust the style. Also remember that CSS stands for Cascading Style Sheets, so the browser will activate styles from top to bottom!Sat, 09 Jan 2021 21:14:33 +0000https://blog.spacehey.com/entry?id=4591https://blog.spacehey.com/entry?id=4591OK gang, time to teach you how to use Google Fonts! Step One: Go to Google Fonts and pick a font you like. I think Josefin Sans is pretty classy, so we'll use that one as an example. Step Two: On the font page, click "Select This Style" on what you want. If you want to just use the font for titles/headlines, pick justThu, 07 Jan 2021 15:07:30 +0000https://blog.spacehey.com/entry?id=4408https://blog.spacehey.com/entry?id=4408Do you want the little link thing with your socials to look better? Here's some code you can use! Caveat: This works on my  profile. It might not work on yours? You can adjust the "font-size" to make the icons smaller and adjust the "transform:scale" to your liking. But this I think looks a little cleaner than what's already there. .profile .left .table-section:last-child .details-table tbody {dis...Thu, 07 Jan 2021 01:02:44 +0000https://blog.spacehey.com/entry?id=4289https://blog.spacehey.com/entry?id=4289I'll fill this out more later when I can think through things. But my initial impressions are: This is probably the first Pixar movie that's made specifically for adults? The entire concept seems less like a thing that has a surface layer for kids and a deeper concept for adults—I think this is squarely aimed at grownups. IWed, 06 Jan 2021 15:44:49 +0000https://blog.spacehey.com/entry?id=3773https://blog.spacehey.com/entry?id=3773My goal is to watch 52 movies I've never seen this year. That averages to about one a week. This blog will chronicle what I watch and some short thoughts about it. Movie #1: Booksmart On the eve of their high school graduation, two academic superstars and bestTue, 05 Jan 2021 02:32:24 +0000