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 144 comments ( View all | Add Comment )

A Music Geek	1787910334 usingg Report Comment
xHuskyGirl	1787340271 real myspace vibes here :D Report Comment
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
𑣲𝄞❥.‧𝓁𝒶𝒸𝟥𝓎𝓁𝓎𝓍𝓍‧.ꨄ☮︎ [GiP] [DiD]	1786235748 using!! Report Comment
N30NG00S3XD	1786215845 using!! Report Comment
R!0T @ THE RADIO	1786020917 using!! :3 Report Comment
Belle the Vampire (Countess Dracula)	1785876089 using!!! Report Comment well hello by pretzeless˚⟡˖ ࣪; 1786138502; Report hi heh by Belle the Vampire (Countess Dracula); 1786144810; Report
ASTOЯIA ЯOMANCE ❦	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
chainsawz (robbie)	1784076522 using! Report Comment
#iwilltellyouthetruth	1783301885 Using!! Tysm for this Report Comment
GummyLungz★★	1783284868 using!! Report Comment
urbex101a	1783190310 using! thanks! Report Comment
Ino	1782735668 using! Report Comment
fei<3	1781358622 using ty Report Comment