simple spacehey layout :)

Tags: simple, spacehey, white, blue, layout, 2000s

Description:

sorry that i haven't been able to upload layouts and this is the only thing i could do at the moment.. anyway, please comment when using and credit me when using as a base. (don't re-publish an edited version plz) i'll try to create more layouts soon!

Preview:

click on the image for a larger preview

Code:

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

<style>
/* CHANGE PROFILE WIDTH HERE */
    .container{
        width: 1400px;
    }
    /* YA CAN CHANGE THE COLOR OF THE TOP PART IN HERE */
    nav .top{
        background: linear-gradient(blue, black 250%);
        border-top: ridge white;
    }
    /* change navigation bar colour here */
    nav .links{
        text-align: center;
        background: linear-gradient(lightblue, #2596be, black 250%);
        border: ridge white 2px;
    }
    /* change "search users" colour bar here */
    [id='q']{
        background: linear-gradient(white, gray 250%);
        border-top: ridge white;
        box-shadow: 0px 0px 10px black;
    }
    /* you can change the text size of your name here, ya can also add a bg if ya want */
    .profile h1{
        font-size: 40px;
        text-align: center;
    }
    /* change general about bg and other here */
    .general-about{
        background: linear-gradient(transparent, gray 300%);
        height: 180px;
        border: ridge white;
        box-shadow: 0px 5px 10px gray;
    }
    .general-about .profile-pic img{
        margin: 8px;
        box-shadow: 0px 5px 10px black;
    }
    /* you can add a background for your mood and add borders here */
    .profile .mood{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* change "contacting generic profile" inner here */
    .profile .contact{
        border: ridge #2596be;
        text-align: center;
        box-shadow: 0px 5px 10px gray;
        background: linear-gradient(white, white 70%,gray 150%);
    }
    /* change "contacting generic profile" header here */
    .profile .contact .heading{
        background: linear-gradient(lightblue,#2596be);
    }
    .icon{
        display: none;
    }
    /* change "SpaceHey URL" border and bg here */
    .profile .url-info{
        border: ridge lightgray;
        background: linear-gradient(white, gray 250%);
        box-shadow: 0px 5px 10px gray;
    }
    /* you can change the shadow of your name here */
    .profile h1{
        text-shadow: 0px 5px 5px gray;
    }
    /* change "interests" bg/border inner here */
    .profile .table-section{
        border: ridge #2596be;
        text-align: center;
        box-shadow: 0px 5px 10px gray;
        background: linear-gradient(white, white 70%,gray 150%);
        
    }
    /* change the right rows of your interests colours here */
    .details-table td{
        border: ridge white 2px;
        box-shadow: 0px 5px 5px gray;
        background: linear-gradient(#e0ecfc, #e0ecfc 40%, black 400%);
        border-radius: 5px;
    }
    /* change the background of your profile bg here */
    main{
        background: linear-gradient(white, white, lightgray);
    }
    /* you can change the alignment of your right profile here */
    main .right{
        text-align: center;
    }
    /* change "XXX's blurbs" header bg here */
    .profile .blurbs .heading{
        border: ridge #ffc46c;
        background: linear-gradient(#ffd89e, #ffc46c);
        box-shadow: 0px 5px 5px gray;
    }
    /* change "XXX's friend space" header bg here */
    .profile .friends .heading{
        border: ridge #ffc46c;
        background: linear-gradient(#ffd89e, #ffc46c);
        box-shadow: 0px 5px 5px gray;
    }
    /* change "XXX's blog entries" bg/border here */
    DIV.blog-preview{
        height: 120px;
        border: ridge white 3px;
        box-shadow: 0px 5px 5px gray;
        background: linear-gradient(white, lightgray 150%, black 150%);
    }
    /* ya can change the shadow of your friends' profile here */
    .profile .friends .person img:not(.icon){
        box-shadow: 0px 5px 5px gray;
    }
    /* change interests header bg here */
    .profile .table-section .heading{
        background: linear-gradient(lightblue,#2596be);
    }
    table.comments-table{
        box-shadow: 0px 5px 5px black;
    }
    /* change "about me/WILTM" bg here */
    .profile .blurbs .inner{
        background: linear-gradient(lightgray 2%, transparent 50%);
        box-shadow: 0px 5px 5px gray;
        border-bottom: ridge white;
        border-left: ridge white;
        border-right: ridge white;
    }
    /* change "friend space" bg here */
    .profile .friends .inner{
        background: linear-gradient(lightgray 2%, transparent 50%);
        box-shadow: 0px 5px 5px gray;
        border-bottom: ridge white;
        border-left: ridge white;
        border-right: ridge white;
    }
    /* change comments bg here */
    .comments-table td{
        background: linear-gradient(#ffe6ce,#ffdcbc, #ffdcbc);
        border: ridge white;
    }
    /* change "search" button colour/bg here */
    FORM > BUTTON{
        box-shadow: 0px 0px 10px black;
    }
    /* you can change the spacehey logo here */
    .logo {
   content: url(https://cdn.discordapp.com/attachments/1064462871947378729/1080368560964116642/Untitled31_20230301135442_1.png);
}

/* ya can change the overlay whatever effect here with any type of photo */
body::after {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: url('https://i.pinimg.com/originals/62/4d/57/624d57ead6610abb8776e97c36dfcb21.gif');
z-index: 2;
background-size: cover;
opacity: 1%;
pointer-events: none;
}

/* change "edit your profile" bg/colour here */
.profile .profile-info {
	background:linear-gradient(white, white, lightgray);
	border: ridge white;
	text-align: center;
	box-shadow: 0px 5px 5px gray;
}

footer{
    background: linear-gradient(lightgray, white);
    border: ridge lightgray;
    box-shadow: 0px 5px 5px gray;
    margin-top: -5px;
}

/* change scrollbar colours here */
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: lightgray;
    border: outset 4px lightgray;
    }

    ::-webkit-scrollbar-track {
    background: linear-gradient(white, lightgray);
    border: inset 4px lightgray;
    }
</style>

<style>
    
    /* you can remove this if you want no animation when hovering on the navigation links */
    
    nav .links a {
  display: inline-block;
  position: relative;
}

nav .links a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: darkblue;
  margin-bottom: 1px;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

nav .links a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

nav .links a{
    text-decoration: none;
    text-shadow: 0px 0px 10px black;
}

   img:hover{
          transform: scale(1.1); 
          transition: transform .2s; 
        
    }


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

☆ jas 🍉	1715280693 using ;) Report Comment
ᯓ ᡣ𐭩𝒌𝒊𝒘𝒊	1710468908 Using ! Report Comment
༺nerdyprude༻	1704290486 using Report Comment hehe by ༺nerdyprude༻; 1704290500; Report I DIDN'T SEEE EHEHHRHRHEJEJJDJI by tilapia; 1704295345; Report
van	1703012514 using!! Report Comment
🎵 ESTEREZZTUFF 🎶	1700316238 using!!!!!!!!!!!!!! Report Comment
Dan	1699808932 Using!!!! Report Comment
moonie =P	1699498667 EVERYTIME I TRY TO CHANGE THE BG IT JUST TURNS WHITE Report Comment
inactive!!	1699289474 Usingg!! Report Comment
Horal E. Davis	1697315267 using (please stop yelling /j) Report Comment AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA by tilapia; 1697316495; Report
Garret G. Hung	1695741085 Using :] Report Comment
deodorant	1695418590 usinj Report Comment
deodorant	1695418584 usinj Report Comment
FluЯtz	1693061982 using!! :3 Report Comment
whzl	1692119105 using Report Comment
pawnpawn	1687252786 using!! :D Report Comment
佐条 sajou	1686194997 the putangina mo about me LOLL Report Comment by tilapia; 1686202388; Report
blingandpink	1684342594 usingg Report Comment
tori 𐙚	1683681577 usinggg Report Comment
lina	1680428860 using !! ty :)) Report Comment