rai-rai ๐Ÿ˜Ž's profile picture

Layout published by rai-rai

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

Top 8!

Tags: top 8, top eight, myspace, new feature

Description:

Add me to your friends list here

Make sure to credit me by linking my page on your profile or adding me to your top 8 ๐Ÿ˜.
This Top 8 will not have it's own fonts, so it will automatically change based on the styles you used on your page. This makes the code more responsive. Oh and it's supposed to squish when on mobile, just so that it doesn't go outside your page.
-----------------------------------------------------------------------------------------------------------
Copy and paste this text into a friend's comment section to persuade them to get a top 8! PS everyone should have a top 8 until it becomes a real feature like back in the day:
Hey! You should definitely get a top 8! I have one and you should have 1 too! It's really cool. It's just like MySpace's official feature back in the day, attach the plugin to your profile at https://layouts.spacehey.com/layout?id=27380 I hope you add me btw!
--------------------------------------
If my layout doesn't work, try this one instead

DO NOT use spacehey static profile direct links (Right clicking on a profile picture on spacehey and then copying the image url). Spacehey deletes images frequently, then recovers the ones in use to ease the load of storage needed for these pictures. Instead, open the images in a new tab and download them to your drive. After that, you'll need to host them online. You can use photobucket, imgur or my favourite (discord). Obtain each image URL and insert them where needed. I get this issue mailed to me alot, I noticed this ages ago and decided to just add this info to the code.

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

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

๐Ÿฅž jizzl (i lov pancakes)

๐Ÿฅž jizzl (i lov pancakes)'s profile picture

the images r either 2 small or 2 big


Report Comment



You may have an underlying code from your layout that is interfering with the processing of this stylesheet. Or you may need to change IMG sizes as necessary in the CSS part of the code.

by rai-rai ; ; Report

๐—ฎ๐—ฑ๐—ถ๐—ฎ๐—ป_๐˜€๐˜‚๐—ฐ๐—ธ๐˜€ #1 daz/Emily fan

๐—ฎ๐—ฑ๐—ถ๐—ฎ๐—ป_๐˜€๐˜‚๐—ฐ๐—ธ๐˜€ #1 daz/Emily ...'s profile picture

so where exactly do I imput my info?


Report Comment



I'm guessing at then end of the arrows, I'll mess around with it

by ๐—ฎ๐—ฑ๐—ถ๐—ฎ๐—ป_๐˜€๐˜‚๐—ฐ๐—ธ๐˜€ #1 daz/Emily fan; ; Report

if you look in the code it should have CSS notes in there which start like this: . That's where you review the info and it directs you to the exact info needed.

by rai-rai ; ; Report

YES! I figured after checking out Ur profile! It looks great! It really fits your profile. It a shame that the top 8 can't just be in the friend space box. I don't know how to replace elements on a page with different ones so...

by rai-rai ; ; Report

yw

by rai-rai ; ; Report

well hello adian..

by เฑจเงŽ daz / #1 cricket hater; ; Report

Pointlezzly cluelezz !

Pointlezzly cluelezz !'s profile picture

Ty for this !! I've been looking for a top 8 code foreveeerr !!!


Report Comment



you're absolutely welcome! I couldn't either so I contacted a few of my friends who had one. I did have to adjust the code to make it more dynamic tho because my friends had theirs a little bit all over the place so I re-styled. And ofc. I wanted to be able to find the source code so that if I lose my layout, I have that top 8 and loads of others can use it too!

by rai-rai ; ; Report

H3x._.Dr1nk5._.4c1d

H3x._.Dr1nk5._.4c1d's profile picture

I tried to do it but for soe reason it comes out as this BIG icons without a name etc :((


Report Comment



TFFFF

by rai-rai ; ; Report

meer

meer's profile picture

hi, can i know how to change the top 8 friends header to black.. its really confusing


Report Comment



Under the style tag U need to navigate the top 8 header title. Then change the hex colour of the background via hex number.

by rai-rai ; ; Report

xXThe_Undead_KidXx

xXThe_Undead_KidXx's profile picture

It's rlly complicated and took me awhile to figur this out but I'm glad I did!


Report Comment



Well done! I hope it helps. Add ur fav people and get them to compete to get on to YOUR top 8.

by rai-rai ; ; Report

Yeah it was complicated at first, but that fact that I only get that right while others were struggling. Maybe try to properly explain it to them so they will figure that out aswell

by xXThe_Undead_KidXx; ; Report

how did u do that myspace music playlist thing above your interests.

by rai-rai ; ; Report

https://layouts.spacehey.com/layout?id=36600

Try this

by xXThe_Undead_KidXx; ; Report

Cas

Cas's profile picture

Hey.. more issues i'm so sorry but idk why but a lot of it is super skinny and you said in another comment to use "css" ummm idk what that is but i'm pretty sure use html and um idk how to fix that also the gif i used for my about me is messed up and due to the spacehy update with the new category called code i can't find anything to change anything


Report Comment



TF! OMG YEH THEY DID ADD THAT NEW CATEGORY! Yeh that new update has seemed to combined all of that codes taken for each part of the profile and fused them together. I don't think it was a great idea.

by rai-rai ; ; Report

You have done it correctly mate! Just check the other comment of yours that I replied to earlier. That should be a quick fix. It's a backend issue. Just download the static spacehey profile images and upload them to photobucket or a discord server. Then get the Media Hotline URL and it should work better.

by rai-rai ; ; Report

spacehey images expire for storage reasons. Then they get restored.

by rai-rai ; ; Report

Cas

Cas's profile picture

Tbh super broken nice concept but the images go away after time and sometimes even the whole top 8 disappears some of the photos looks super wonky and i love the concept and the wonky photos didnโ€™t bug me too much but why did it completely disappear bruh


Report Comment



heyyyyy. omg add me. So basically you can't use images from spacehey. So if it's a spacehey profile image direct link, it will disappear. It works to keep refreshing. That's why you have to use an image hosting service. (What I do is download that profile image and then upload it to my discord server with permission of the user. Then I embed it into the top 8). You'll find that spacehey hosted images disappear after a while. Hope this helps! Profile looks awesome btw!

by rai-rai ; ; Report

Cas

Cas's profile picture

Yeah ts broke


Report Comment



Taylor SWIFTIE?

by rai-rai ; ; Report

gerardโ˜†

gerardโ˜†'s profile picture

hay im not sure if mine worked o_O


Report Comment



also umm how do i add ppl to it srry im slow

by gerardโ˜†; ; Report

Ohhhh! guys don't worry you just need to look at the code and you'll find some HTML note inserts (they look like this: ). It is supposed to be a visual for backend scripting. So read those and make sure to paste the right things. Direct links to profile pics, Hyperlinks to a profile, Usernames! Hope this helps guys! Check out my profile. I'm using it.

by rai-rai ; ; Report

โ˜ฃ๏ธŽ๐Œ๐ข๐ญ๐œ๐ก๐Œ๐š๐ฌ๐ฌ๐š๐œ๐ซ๐žโ˜ฃ๏ธŽ

โ˜ฃ๏ธŽ๐Œ๐ข๐ญ๐œ๐ก๐Œ๐š๐ฌ๐ฌ๐š๐œ๐ซ๐žโ˜ฃ๏ธŽ's profile picture

Thank you for this!!!! Question bc I'm stoopid how do I add ppl into my Top 8? Or does it happen automatically by interacting with others?


Report Comment



Well I could help you out. I checked ur profile and you seemed that you didn't know how put ur friends to Top 8 and I figured it out how to put ur friendz in Top 8.

I'm not professional at HTMLs but I figured it out. If that's fine with you then Just DM me if you want to. Cuz I'm willing to help :D

by xXThe_Undead_KidXx; ; Report

You just look through the code and replace the placeholders with links to: images URLs, profile URLs, and the user name

by rai-rai ; ; Report

aliceautopsie

aliceautopsie 's profile picture

Usssinnnghh


Report Comment

Milla

Milla's profile picture

thank u 4 the code!! but some of the profile pics got really skinny. how do i change it?


Report Comment



are you on mobile? It's supposed to squash on mobile so that it doesn't go out the page. It's supposed to add responsivity. Ofc if ur using a desktop then that's super weird. Maybe try resizing it or redoing the padding and margins to suit yours.

by rai-rai ; ; Report

OMG I JUST CHECKED IT AND IT LOOKS RLLY BAD! I'll change the code. Make sure not to hwavily tweak it tho. Keep the HTML the same and make sure that u are only styling it through CSS. Re-paste the code. I've just updated it.

by rai-rai ; ; Report

thanx. my layout is a little wacky when it comes to adding graphics and stuff.

by Milla; ; Report

now it's really big.

by Milla; ; Report

tf

by rai-rai ; ; Report

rai-rai

rai-rai ๐Ÿ˜Ž's profile picture

New ond


Report Comment