« Web, HTML, Tech Forum

"Online Friends" Box

N4TH4N43L XP's profile picture

Posted by N4TH4N43L XP

posted
updated

Forum: Web, HTML, Tech

View Topics View Profile

Hello again, here's this little decorative code. This code gives your online friends an aesthetic touch. Back in the MySpace days, when your friends were online, the "online" icon would appear. Well, I recreated it for SpaceHey.





MySpace




Spacehey 




Report Topic

2 Replies

Sort Replies:

N4TH4N43L XP's profile picture

Reply by N4TH4N43L XP

posted

.profile .friends .person:first-child::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(2)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(3)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(4)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(5)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(6)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(7)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.profile .friends .person:nth-child(8)::after {
content: url("https://myspace.windows93.net/img/online.gif");
}
.comments-table td:first-child::after {
content: url("https://myspace.windows93.net/img/online.gif");


Permalink Report Reply

Jo ☥'s profile picture

Reply by Jo ☥

posted

Kudos and thank you, def using this!


Permalink Report Reply