Fake Online Friend Status [Code]

MySpace's Friend Space (circa 2007)

Have you ever missed the days where you go on MySpace and you saw someone that was online? Want to cope until An adds the Online Feature that makes it possible?

Then how about trying these pieces of code (both Friends List and Comment Section!)

How It Works (Friends List)

This will be located in your friends list, but the p::after can be modified to p::before if you want the status BEFORE the friend's username (if you wanted to have symbols instead).

Important: You don't need to have <style> since you can fit in existing layout code, this is for testing it.

Version 1

<style>
/* Fake online status friends list -- remove if online feature is out */

.profile .friends .person a:nth-child(2)::after {

content: url(https://cdn.discordapp.com/attachments/246769804554272778/909609118338285598/onlinenow_1.gif);

margin-right: 5px;

}

</style>

Version 2

<style>

.profile .friends .person a:nth-child(2)::after {

content: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExenpvaWRwYWg2Ym5ycGl0NHRhdjV3aTJ2ejVna2l1MDl0aXk1aGJ0MyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/kPihZzZ5XS9xmh8qG6/source.gif);

margin-right: 5px;

}

</style>

How It Works (Comment Section)

Like the Friend List section, this will be located in your friends comments, but the p::after can be modified to p::before if you want the status BEFORE the friend's username (if you wanted to have symbols instead or wanted the status above the name).

Important: You don't need to have <style> since you can fit in existing layout code, this is for testing it.

<style>

/* Fake comment user status -- remove if online feature is out */

.comment-table td:first-child, .friends td:first-child a:nth-child(2)::after {

content: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExenpvaWRwYWg2Ym5ycGl0NHRhdjV3aTJ2ejVna2l1MDl0aXk1aGJ0MyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/kPihZzZ5XS9xmh8qG6/source.gif);

margin-right: 150px;

}

</style>

Thanks for visiting and check out how to modify your Online Status here!

P.S.: If you can figure out a way to put the status below the profile icon please let me know either by contacting me on SpaceHey or by replying in this blog.

Also, this code WILL NOT track online statuses of your friends or anyone else!

It's just a silly code that makes it seem like people are online, but they may or may not actually be online. Hopefully we get an actual online feature from An as it was there on MySpace when it started as far as I'm aware. It was fun to tinker and make it feel like everyone is terminally on SpaceHey, just like MySpace was for other people back in the day!

Edit 11/4/23: I updated with a new source link since Discord is planning on preventing image sources from their app to be used on websites!

6 Kudos

Comments

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