Layout published by Raihan Exoticca

published 1679179903
updated 1769167950

Add to Favorites

View Layouts

View Profile

Report Layout

Top 8!

Tags: top 8, top eight, myspace, friends, friendspace, code, hyperlink, table

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 favorite, ImgBB. 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.

Rai's instagram

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Raihan Exoticca (https://layouts.spacehey.com/layout?id=27380) -->

<!-- rai's TOP 8 -->
<!-- If the Top 8 isn't working, contact rai at: https://spacehey.com/raidynamics -->
<div class="top-eight">
<div class="top-eight-header">
    <h2>Top 8 friends </h2>
  </div>

<!-- #1 -->
  <div class="person">
    <a href="https://spacehey.com/raihanexoticca"><!-- #1 Link to profile -->
    <p class="one-four">Raihan Exoticca</p></a><!-- NAME -->
    <a href="https://spacehey.com/raihanexoticca"><!-- Link to profile -->
        <img src="https://i.ibb.co/JwBZ8xKb/Picsart-25-11-12-20-43-46-126.jpg"/><!-- Link to profile picture --></a>
  </div>
 
<!-- #2 -->
  <div class="person">
    <a href="profilelinkinserthere"><!-- #2 Link to profile -->
    <p class="one-four">Name</p></a><!-- NAME -->
    <a href="profilelinkinsert"><!-- Link to profile -->
    <img src="imageURLhere" alt="profile picture"/><!-- Link to profile picture --></a>
  </div>
 
<!-- #3 -->
  <div class="person">
    <a href="#"><!-- #3 Link to profile -->
    <p class="one-four">3-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/><!-- Link to profile picture --></a>
  </div>
 
<!-- #4 -->
  <div class="person">
    <a href="#"><!-- #4 Link to profile -->
    <p class="one-four">4-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/></a><!-- Link to profile picture -->
  </div>
 
<!-- #5 -->
  <div class="person">
    <a href="#"><!-- #5 Link to profile -->
    <p class="five-eight">5-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/></a><!-- Link to profile picture -->
  </div>
 
<!-- #6 -->
  <div class="person">
    <a href="#"><!-- #6 Link to profile -->
    <p class="five-eight">6-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/></a><!-- Link to profile picture -->
  </div>
 
<!-- #7 -->
  <div class="person">
    <a href="#"><!-- #7 Link to profile -->
    <p class="five-eight">7-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/></a><!-- Link to profile picture -->
  </div>
 
<!-- #8 -->
  <div class="person">
    <a href="#"><!-- #8 Link to profile -->
    <p class="five-eight">8-slot</p></a><!-- NAME -->
    <a href="#"><!-- Link to profile -->
    <img src="https://cdn2.iconfinder.com/data/icons/metro-ui-dock/512/myspace_alt.png" alt="profile picture"/></a><!-- Link to profile picture -->
  </div>



<style>
.top-eight {
padding: 15px !important;
border: 1px solid white;
border-radius: 3px;
  display: grid;
  grid-gap: 7px;
  grid-template-columns: repeat(4, [col] auto ) ;
  grid-template-rows: repeat(2, [row] auto  );
  background-color: transparent;
  color: #444;
  margin: 0px;
  width: 100%;
  }
 
  .top-eight-header {
text-align: center;
border: 3px solid white;
border-radius: 3px;
    grid-column: col 1 / span 4;
    grid-row: row 1;
    background: transparent; 
    color: white;
    font-weight: semi-bold;
    padding: 0px !important;

  }
 
  .top-eight-header p {
    padding-bottom: 0px !important;
    margin-botton: 0px;
  }
 
  .one-four{
    grid-column: col 1 / span 4;
    grid-row: row 2;
  }
 
  .five-eight{
    grid-column: col / span 4;
    grid-row: row 3;
  }

.profile .top-eight .person img {
border: 1px solid white;
border-radius: 10%;
width: 100px;
height: 100px;
}
</style></div>
<div>
<a href="https://layouts.spacehey.com/layout?id=27380">Click here to view code</a>
</div>

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 20 of 148 comments ( View all | Add Comment )

Human_existence	1791945203 Imma try it cuz idk how to code it all myself :b Report Comment It's there for your ease! Thank you for usiiing. by Raihan Exoticca; 1792258441; Report
★Ren★	1791776500 Might try nd use! (I’m terrible at coding bear with me twin) Report Comment No cuz same, I made this at 13, knowing how to code. Now I can't code lol. by Raihan Exoticca; 1792258355; Report
🥀🫀RowanTheVampire 🫀🥀	1791605947 Usinggg!! I'll try and link ur profile but I'm bad at coding so I'll make sure to put u in one of the blurbs if I can't link it Report Comment awww dw. All that matters is ur enjoying it. <3 by Raihan Exoticca; 1792258317; Report
xxBra$$_ KnUcKl3_ CupC@k3<3!	1791245627 U$!NG XD!! Report Comment
I_H1TTa_BuSTa	1791143831 using!! Report Comment
mavirou !!	1789764640 using! such a pretty layout :D Report Comment <333 by Raihan Exoticca; 1792258256; Report
A Sinister Music Geek ️	1787910334 usingg Report Comment
xHuskyGirl	1787340271 real myspace vibes here :D Report Comment I love it. I made this when I was 13 cuz I was craving it. I'm 18 now, it's crazy. by Raihan Exoticca; 1792258236; Report
boinga <\3 $boinga <\3's profile picture$	1787017514 USING! Report Comment
TwinFlower	1786907937 Using! But can someone help me? I've been trying to get the profile pictures of my top 8 to work, but no matter what I do it's a "broken pic". I'm saving the photo, uploading it to a host and copy/paste the link. But it doesn't work... :( I've tried both ImgBB and Catbox.. Report Comment For me imgbb worked, but because I'm the worst at figuring this out ever I put the link in the "alt" section and not the src section, if that makes sense (⇀‸↼‶) I'll give a visual example maybe in caps 7-slot Or maybe when you're downloading the link you're using the whole thing, for example, you choose "html full link" on imbb and copy the whole thing like But you only need the inner link https://i.ibb.co/6799YDsR/17870180860376186807291277023637.jpg I hope this helped in any way, so sorry if it didn't!! by boinga <\3; 1787018274; Report The links in my previous reply completely dissappeared when I sent it oops sorry by boinga <\3; 1787018831; Report OMG! Thank you so much! It worked! :') You're the best!!! by TwinFlower; 1787042031; Report YAYY im glad!!!! by boinga <\3; 1787071217; Report
𝓜1𝓚4_𝓜4𝓨𝓗3𝓜	1786503664 using!! tysm!! Report Comment
𑣲𝄞❥.‧𝓁𝒶𝒸𝟥𝓎𝓁𝓎𝓍𝓍‧.ꨄ☮︎ ༄｡°🍂	1786235748 using!! Report Comment
N30NG00S3XD	1786215845 using!! Report Comment
Astoria aaron	1785408504 using!! Report Comment
✧˖ ꒰ྀི১ яιℓєу ໒꒱ིྀ	1785311653 using !!!! Report Comment
𝒜𝓌𝒶𝓀ℯ𝓃 𝒞ℴ𝓇𝓅𝓈ℯ 𝒜𝓁𝒾𝒸ℯ \| Flo's daughter	1784641852 Using!!!! Report Comment
zz.angelz	1784471848 using !!!! Report Comment
𝐬𝐰𝐞𝐞𝐭𝐞𝐬𝐭!𝐭𝐡𝐫𝐞𝐚𝐭	1784142417 using ^^ Report Comment
cursed chainsawz 击 [robbie!]	1784076522 using! Report Comment
#iwilltellyouthetruth	1783301885 Using!! Tysm for this Report Comment