BYOND.com Layout

Tags: byond, retro, oldschool, 90's, 90s, layout, simple

Description:

Back in the early to mid 2000's I would frequent the website BYOND.com where I would make little mini 2D games.

Here is a BYOND inspired layout for your profile.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Mr Relliks (https://layouts.spacehey.com/layout?id=18859) -->

<style>
:root {
--themecolor5: #000;
--themecolor4: #000;
--themecolor3: #000;
--nav-color: #F07517;
--background-color: #dddddd;
--box-background: #fff;

}

  body{
    background: var(--background-color);
    color: #000;

  }

.logo {
content:url("http://www.byond.com/rsc/new_byond_logo.png");
}

.friends {
 background : #fff;
 border: 2px solid #000;
 margin-bottom: 20px;
 
}

.friends button {
 padding: 10px;
 background : #fff;
 border: 2px solid #000;

  margin-top: 10px;
}

.friends a{
 color: #004EB4 !important;

}

  main{
    background: var(--themecolor1);

    margin: auto;
  }

  p{
    color: var(--themecolor5);
  }

  h1{
    color: var(--themecolor5);
  }

  h4{
    color: var(--themecolor4) !important;
  }

  a{
    color: #004EB4;
  }

  .heading{
    background: var(--box-background) !important;
    text-align: center;
    border-bottom: 1px solid #000;
  }

  .contact, .url-info, .table-section{
    border: 2px solid var(--themecolor3) !important;
    background: var(--box-background);
    padding-bottom: 10px;
  }

  .comments-table{
    
    background: var(--box-background);
    
  }

  .comments-table tr td{
    background: var(--box-background) !important;
    padding-bottom: 10px;
  }
  .comments-table p {
    color: #000;
    
  }

.blurbs{
  background: var(--box-background);
  border: 2px solid #000;
}

.blog-preview{
  padding: 10px;
  background: var(--box-background);
  border: 2px solid #000;
}


  .profile-info .inner{
    color: var(--themecolor5);
    background: var(--box-background);
  }

  .profile-info{
    border: 2px solid var(--themecolor4);
    background: var(--box-background);
  }

  .details-table tr td{
    background: var(--box-background);;
    color: var(--themecolor5) !important;
  }

  .count {
    color: var(--themecolor4);
  }

  footer, nav .top{
    background: var(--nav-color) !important;
    
    color: #fff;
  }



footer, nav .top a{
    color: #fff;
  }

  nav .links{
    background: var(--nav-color);
    
    
    padding: 10px;
   
  }

nav .links a{
    
    
    color: #fff;
  }





  .comment-replies{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    background: #ececec;
  }
  
  
  </style>

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

Dreamy Dream

1644504452

this is the kind of y2k i've been looking for!!!

Report Comment