Zsolt's profile picture

Published by

published
updated

Category: SpaceHey

More OG MySpace graphics!

Updated and corrected to work with Firefox, check this post!


I've posted about the "Online Now" animation in the previous one, so now here are some more hacks to imitate a more classic look: the stuff in the "Contacting" box, with a "Report User" image created from scratch. Was there anything like this originally? Idk, and I can't check, but this will suffice. Due to the same icon used for reporting in the "Comments" box, it's reverted to the SpaceHey original there for now. Probably not the sexiest hack, but works. These lines of code include the "Online Now" animation too, so if you are using only that, replace it with this code.

<style>
.online { visibility: hidden; }

.online img { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/onlinenow.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; }

.f-col a { visibility: hidden;
}

.profile .contact .f-row {
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

img[src="https://spacehey.com/img/icons/add.png"] { content:url("https://raw.githubusercontent.com/zsoltsandor/misc/main/friend_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/award_star_add.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/favorite_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/comment.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/mail_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/email.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/im_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/arrow_right.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/forward_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/exclamation.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/block_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/group_add.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/group_1.gif"); visibility: visible; height: 20px; width: 132px; }

img[src="https://spacehey.com/img/icons/flag_red.png"] { content: url("https://raw.githubusercontent.com/zsoltsandor/misc/main/report_1.gif"); visibility: visible; height: 20px; width: 132px; }

.report img { content: url("https://spacehey.com/img/icons/flag_red.png"); height: 1.4em; width: 1.4em; }
</style>

I'm setting up a GitHub repository, or even an organization to collect these hacks, image files, code snippets, etc. I will announce it in a post when it's ready to roll. It will be public, so you'll be welcome to join!


2 Kudos

Comments

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

Zsolt

Zsolt's profile picture

@Corentin: thx, tinkered with it, now it should work.

Updated, extended and corrected code to work with Firefox, check the this post!


Report Comment

toxicanarchist_

toxicanarchist_'s profile picture

awesome, thank you!


Report Comment

corentin

corentin's profile picture

Huh yeah here's how your profile looks to me right now.


Theses hacks only seems to work on chrome/chromium/edge, but not on firefox :/


Report Comment

mrzool

mrzool's profile picture

Cool hacks!


Report Comment