My Comments

I want to clarify that many of the designs you'll find here were originally created for Myspace. Some designs were taken from createblog.com, pimp-my-profile.com, myspacegens.com, coolspacetricks.com. Some of these websites are still active, while others no longer exist. What I've done is adapt the original codes so that they work perfectly on Spacehey.

Layouts

Layout Halo 3

Code :

Copy and paste to About Me

/* MOBILE */

@media (max-width: 600px) {

input {
 position: absolute; 
 width: 270px;
}
label {
 position: absolute;
 left: 10px;
}
#q {
 position: absolute;
 left: 100px;
 width: 230px;
}
.profile .general-about { 
 padding-bottom: 62px;
}
main .right:before{
 width:auto; height: 240px;
 margin-bottom: 25px;
}
#credit {
 display:none;
 
</style>

<div id="credit">
    <b> Design created by </b><a href="profile?id=2901066">N4TH4N4L XP</a>
</div>

Layout Haunting

Code :

Copy and paste to About Me

/* MOBILE */

@media (max-width: 600px) {

input {
 position: absolute; 
 width: 270px;
}
label {
 position: absolute;
 left: 10px;
}
#q {
 position: absolute;
 left: 100px;
 width: 230px;
}
.profile .general-about { 
 padding-bottom: 62px;
}
main .right:before{
 width:auto; height: 100px;
 background-size: 385px;
 margin-bottom: 25px;
}
#credit {
 display:none;
 
</style>

<div id="credit">
    <b> Design created by </b><a href="profile?id=2901066">N4TH4N4L XP</a>
</div>

Layout Gothic

Code :

Copy and paste to About Me

/* MOBILE */

@media (max-width: 600px) {

input {
 position: absolute; 
 width: 270px;
}
label {
 position: absolute;
 left: 10px;
}
#q {
 position: absolute;
 left: 100px;
 width: 230px;
}
.profile .general-about { 
 padding-bottom: 62px;
}
main .right:before{
 width:auto; height:350px; 
 background-size:350px;
 margin-bottom: 25px;
}
#credit {
 display:none;
 
</style>

<div id="credit">
    <b> Design created by </b><a href="profile?id=2901066">N4TH4N4L XP</a>
</div>

Layout Adema Kill The Headlights

Code :

Copy and paste to About Me

body {
 background-color: #540000; 
 background-image:url(https://i.postimg.cc/DydWKFS2/AD3-MA-Background.png);
 background-position: top center; 
 background-repeat:repeat; 
 background-size: 1520px;
 background-attachment: fixed;
}
nav:before{
 width: auto; height:400px;
 display: block;content: ""; 
 background-color: #000000;
 background-image: url("https://i.postimg.cc/NfrMhQM4/Adema-Banner-2.jpg");
 background-repeat:no-repeat;
 background-position: center center;
 background-size:850px;
} 
nav .top {
 background: linear-gradient(#000000, #000000 1%, #540000);
}
nav .top .center form {
 margin-top: 10px;
 margin-left: 100px;
 width: auto;
}
input {
 width: 270px;
}
#q {
 height:21px;
 background:linear-gradient(#FFFFFF, #FFFFFF 1%, #F6F6F6);
 border: 1px solid #FFFFFF;
 border-radius: 4px;
}
button:not(.logout-btn) {
 width: 60px; height:21px;
 background:linear-gradient(#FFFFFF, #FFFFFF 1%, #D7D7D7);
 border: 1px solid #D7D7D7;
 border-radius: 2px;
 color: #000000;
 padding: 2px;
}
nav .links {
 background: linear-gradient(#000000, #000000 1%, #540000);
 text-align:center
}
.links li a {
 color: #FFFFFF;
 text-shadow: none;
 font-weight: 500;
}
.links li a:hover {
 text-decoration:none;
 color: #EB0000;
}
a:hover {
 color: #EB0000;
}
main { 
 background-color:transparent;
}
.profile h1{
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
 padding:5px;
}
.profile .general-about {
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
 padding-bottom: 40px;
}
.details p {
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.online {
 content: url("http://www.myspacegens.com/images/online_now/onlinenow.gif");
}
.profile .mood { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
 padding: 3px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.profile .mood b { 
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 12px;
}
.profile .mood b a { 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .mood p { 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .contact .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile .contact {
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .url-info { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .url-info b { 
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 12px;
}
.profile .table-section .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile .table-section { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .table-section td {
 border: 2px Solid #540000;
 color: #FFFFFF;
}
.profile .table-section p { 
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 12px;
}
.profile .table-section+.table-section .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile .table-section+.table-section { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .table-section+.table-section p { 
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 12px;
}
.table-section+.table-section:after {
 content: ""; display: block;
 height: 1100px;
 background-color:#000000; 
 background-image: url(https://i.postimg.cc/4xrkSKpT/Adema-Integrantes.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 250px;
}
main .right:before{
 width: auto; height: 70px;
 display: block; content: " ";
 background-color: #000000;
 background-image: url("https://i.postimg.cc/bwzsL1Ts/mini-banner.gif");
 background-repeat:no-repeat;
 background-position: center center;
 background-size:500px;
 border: 2px Solid #540000;
 margin-bottom: 10px;
}
.profile .profile-info { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .blog-preview { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .blog-preview p { 
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 12px;
}
.profile .blurbs .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile .blurbs { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.profile .friends .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile .friends { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
}
.count {
 color: #540000;
 background:transparent;
}
.friends-grid {
 text-align: center;
} 
.friends-grid .person .pfp-fallback {
 height:100px; width:100px;
 object-fit:cover;
}
.profile .friends .person p {
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 9.60px;
}
.profile div#comments .heading {
 background-color: #540000; 
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 12px;
}
.profile div#comments { 
 background-color: #000000;
 border: 2px Solid #540000;
 font-family: 'Orbitron', sans-serif; 
 color: #FFFFFF;
 font-size: 10px;
 margin-top: 20px;
}
.profile div#comments a p {
 font-family: 'Orbitron', sans-serif; 
 color: #540000;
 font-size: 9.60px;
}
.comments-table {
 border: none;
 border-spacing: 5px;
 border: 2px Solid #540000;
}
.comments-table td {
 background-color: #101110;
 border: 2px Solid #540000;
 color: #FFFFFF;
}
.comment-replies {
 border: 2px Solid #540000;
}
.comments-table button {
 width: 77px; height: 21px;
 background:linear-gradient(#FFFFFF, #FFFFFF 1%, #D7D7D7);
 border: 1px solid #D7D7D7;
 border-radius: 2px;
 color: #000000;
 padding: 2px;
 font-size: 12px;
}
:root {
  --logo-blue:#FFFFFF;
  --darker-blue:#b80101;
  --dark-orange:#FFFFFF;
  --even-lighter-blue:#000000;
  --lightest-blue:#101110;
  --light-orange:#000000;
}
footer{
 background: linear-gradient(#000000, #000000 1%, #540000);
 color: #FFFFFF;
}
#credit {
 position: fixed;
 left: 3px;
 bottom: 3px;
}

/* MOBILE */

@media (max-width: 600px) {

input {
 position: absolute; 
 width: 270px;
}
label {
 position: absolute;
 left: 10px;
}
#q {
 position: absolute;
 left: 100px;
 width: 230px;
}
nav:before {
 width: 412px; height: 190px; 
 background-size: 412px;
}
.profile .general-about { 
 padding-bottom: 62px;
}
main .right:before{
 width:auto; height:70px; 
 background-size:385px;
}
#credit {
 display:none;

</style>

<div id="credit">
    <b> Design created by </b><a href="profile?id=2901066">N4TH4N4L XP</a>
</div>

N4TH43L XP

Contacting

Add to Friends Add to Favorites

Instant Message Add to Group

Profile URL

SpaceHey URL:

https://spacehey.com/cr33pyb00m

Home

Layouts

Music

Decora

My Comments

Layouts

Layout Halo 3

Code :

Layout Haunting

Code :

Layout Gothic

Code :

Layout Adema Kill The Headlights

Code :

N4TH43L XP

Contacting

Profile URL