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

felix!!	1770482805 using!! ^_^ Report Comment
BONEEATERCOM	1770434701 using Report Comment
BL4CKB3RR1..	1770104388 usando Report Comment
꧁SP3NCER꧂	1769807855 using Report Comment
.Never.rieveR.	1769633390 hey-o !! so im trying to add this to my page but without that header part that says 'top 8' because id like to keep the same header i have now. its not working for me at all, like every time i press 'save' the code doesnt even stay when i go back to check it. help please ?? much appreciated. Report Comment Wait I think that might be a spacehey issue because it shouldn't rlly effect the code saving. Are you editing on spacehey mobile? I'm only asking because SpaceHey Mobile ALWAYS fyucks up my code so I recommend editing on the desktop mode site if ur on mobile. Maybe try editing the code in a generic spacehey profile editor on neocities cuz I always use them whenever I code my layouts so that I don't mess it up. It's super helpful. Anyway, let me know if it works cuz if it doesn't then i could explore the problems too. I'd love to help u however I can with this code. by Raihan Exoticca; 1769891557; Report
Nursicus caj Deathicus	1769579460 I like this layout but what if your fyound doesn't have a spacehey I guess his name works but I'm trying to add a profile picture to the top eight thing and it won't work. Is a working account link necessary for this code Report Comment Nah, ur friend needs a spacehey if u want them on ur top 8. The profile picture needs to have an actual direct hotlink for the input to work. So a file with .jpeg or .pnh should work. Don't use spacehey cdn images cuz they are temp files and they get removed rlly quickly for storage reasons. by Raihan Exoticca; 1769594454; Report AH! I SEE THE PROBLEM! U inserted the image URL into the HTML annotation rather than the actual input. What u will need to do is replace the "imageURLhere" text with https://64.media.tumblr.com/840a3a995c9fe76082a988bfd2530828/15b7249635660d68-1d/s500x750/362af7350ee7353f07e758aeaf5b54ede6c6f9b9.jpg by Raihan Exoticca; 1769594866; Report if u Instant Message me, I can send u a pastebin with the fixed html because comments dont allow the insertion of full html bodies. by Raihan Exoticca; 1769595091; Report I think I'm ok :) by Nursicus caj Deathicus; 1769730099; Report
G4brielGemstone™ (lets b frienz c: )	1769491109 might use c: Report Comment
Helena 击☆	1769297478 using Report Comment Hi, Discord removed external hosting for their servers a few years ago so the images don't actually project onto anywhere that embeds them outside of your server. What u can do tho is use imgbb or imgur. I know u used discord cuz i inspected ur top 8 and it was broken. Hope this helps and ur top 8 worls! It looks sick on ur profile. Thanks for using! by Raihan Exoticca; 1769594644; Report
˙⋆𖹭 ailan 𖹭⋆˙	1769290631 using !! Report Comment
Carson Dailyn	1768677860 using Report Comment
XxOWLZ_DEADxX	1768536917 Using!! Report Comment
ZEDGECLARITY	1767798877 using Report Comment
Cellist Nicole	1767566324 Using Report Comment
=͟͟͞͞♡𓊆𝔸𝕟𝕟𝕖𝕝𝕚𝕖𝕤𝕖𓊇 ❀ ₊˚ ꪔ̤̮	1767275953 Using Report Comment
nico´ཀ`	1767071351 usingg Report Comment
𝙴𝚛𝚒𝚍𝚊𝚗 𝙰𝚖𝚙𝚘𝚛𝚊༄°♒︎	1766522769 probubbly gonna use! :-) Report Comment
katti	1766371415 usinggggggg :3 Report Comment
Rei Glitxh ( ꩜ ᯅ ꩜;)⁭ ⁭	1766282251 using!! :3 Report Comment
꒰ঌ pwety ໒꒱//🍨 ⊹ ࣪ ˖‧	1766057661 using!!^^ Report Comment
3MRY5_152	1764731401 thank u!!!!!!! Report Comment