Roblox 2006 Spacehey Page Layout!!!

Tags: roblox, 2006, 2000s, games

Description:

i am bored so i did this...

please credit me if you want to use this

shout out to alonso for making this idea!!!

ALSO....

if you want to change the avatar or logo, go to the nav .top .left .logo line and change the content: url thing or remove the content

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
background: transparent;
}
 
.container {
margin-top: 25px;
width: 900px;
margin: 65px auto;
}
 
nav {
border: 1px solid black;
}
 
nav .top {
height: 72px;
background: url(https://i.imgur.com/nnsxNtb.png);
}
nav .top .left .logo {
    box-sizing: content-box;
    border: 1px solid #FFF;
    border-radius: 5%;
    height: 50px!important;
    width: 50px!important;
    bottom: 3px;
    right: 5px;
    position: relative!important;
    content: url(https://i.imgur.com/3bxZ8vC.png)!important;
}
 
nav .links {
background-color: #6e99c9;
font-size: 12pt;
    font-weight: normal;
    line-height: 2em;
    text-decoration: none;
}
 
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after  {
color: white!important;
}
 
.left h1, .general-about, .mood, .contact {
border: 0 solid transparent!important;
    text-align: center;
background-color: rgb(176, 196, 222);
    margin-bottom: -11px!important;
}
 
.profile-pic, .profile-pic img {
height: 80px!important;
width: 80px!important;
position:relative;
left: 15px;
z-index: 1;
width: 500px;
background-color: rgb(176, 196, 222);
}
.profile-pic {
width: 270px!important;
}
 
.contact .heading {
display: none;
}
.profile .mood, .profile .contact {
    position:relative;
    bottom: 8px;
    overflow: hidden;
}
 
.profile .left h1 {
    border-top: 2px solid #000000!important;
    border-left: 2px solid #000000!important;
    border-right: 2px solid #000000!important;
}
 
.details {
    position: relative;
    padding-right: 200px;
    left: 100px;
}
 
.general-about, .mood {
        border-left: 2px solid #000000!important;
    border-right: 2px solid #000000!important;
}
 
.contact {
    border-bottom: 2px solid #000000!important;
    border-left: 2px solid #000000!important;
    border-right: 2px solid #000000!important;
}
 
.blog-preview, .blurbs{
    border: 2px solid #000000;
    background-color: rgb(176, 196, 222);
}
 
h1, h2, h3, h4 {
    color: black!important;
    border: 0 solid transparent!important;
}
 .heading {
    background-color: #cccccc!important;
    border-bottom: solid 1px #000000;
    color: #333333;
    margin: 0 0 0 0;
    text-align: center;
    height: 15px;
}
 
.profile .table-section .heading h4 {
    font-size: 0.9em;
    position: relative;
    top: -5px;
}
.profile .table-section {
    border: solid 1px #000000;
}
 
.details-table {
background: none;
color: blue;
}
 
.friends, div#comments {
    border: 2px solid black;
}
 
div#comments {
margin-top: 15px;
}
 
.comments-table td, 
.comments-table td:nth-last-child(2) {
background: none;
}</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 0 of 0 comments ( View all | Add Comment )