thefacebook

Tags: thefacebook, facebook, retro, old web, simple, blue, 2000s

Description:

please try out this layout inspired by facebook (aka thefacebook) from way back in 2004. note that this isnt intended to be a one-for-one remake of thefacebook, rather the design has been applied to spacehey, so think of it as that one crossover episode of that one anime that nobody asked for ever. enjoy :3

Preview:

click on the image for a larger preview

Code:

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

<style>
/*
A theme by Ashton
Find me on spacehey : https://spacehey.com/crystepsi
*/
@import url('https://fonts.cdnfonts.com/css/microsoft-sans-serif');
body 
{
background-color: #fff;
font-family: 'Microsoft Sans Serif', sans-serif;     
-webkit-font-smoothing: none !important;                               
}
footer 
{
background: none !important;
}
footer .links 
{
background: none !important;
}
.top, .links 
{
background-color: #4b6ea8 !important;
}
form[role=search] 
{
position: absolute;
}
main 
{
background-color: #fff;
position: relative;
height: 100%;
float: right;
float: right !important;
padding-left: 22%;
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 
{
color: #fff !important;
}
h1, h2, h3, h4, h5, h6 
{
color: #000 !important;
}
.contact 
{
position: absolute;
top: 0 !important;
left: 0 !important;
height: 100% !important;
width: 20% !important;
border: dashed #4b6ea8 2px !important;
display: table !important;
}
.contact .inner 
{
border: none !important;
}
.heading 
{
background: #4b6ea8 !important;
}
.contact .heading 
{
width: 100%;
}
span[itemprop="name"] h1 
{
background-color: #4b6ea8;
color: #fff !important;
padding-left: 5px;
}
span[itemprop="name"] h1::after 
{
content: "'s Profile";
}
.pfp-fallback 
{
border-top: solid 20px #4b6ea8;
border-left: solid 2px #4b6ea8;
border-right: solid 2px #4b6ea8;
border-bottom: solid 2px #4b6ea8;
}
.profile 
{
border-top: solid 20px #4b6ea8;
border-left: solid 2px #4b6ea8;
border-right: solid 2px #4b6ea8;
border-bottom: solid 2px #4b6ea8;
}
.url-info
{
border-top: solid 20px #4b6ea8 !important;
border-left: solid 2px #4b6ea8 !important;
border-right: solid 2px #4b6ea8 !important;
border-bottom: solid 2px #4b6ea8 !important;
}
footer .copyright::after 
{
content: "\A But most of all, Ashton is my hero";
white-space: pre;
}
.table-section, .inner 
{
border-top: none !important;
border-left: solid 2px #4b6ea8 !important;
border-right: solid 2px #4b6ea8 !important;
border-bottom: solid 2px #4b6ea8 !important;
}
.table-section .inner 
{
border: none !important;
}
.inner .pfp-fallback 
{
border: none !important;
}
.count 
{
color: #4b6ea8 !important;
}
.details-table td, .comments-table td 
{
background: none !important;
color: #4b6ea8 !important;
}
.comments-table td p, .comment-reply p
{
color: #000;
}
</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 20 comments ( View all | Add Comment )

🍃Wind_mühle🍃	1701573970 Usando Report Comment
✰ VANCE	1697640346 using🫡 Report Comment
Gina	1697405419 using Report Comment
Max	1696455849 usingg Report Comment
Evan Hansen	1696376537 Using Report Comment
a a aihpos	1695599545 using! Report Comment thank you so much! by Ashton; 1695862529; Report
liam :3	1695443624 using! Report Comment
JJ!彡	1693275328 using!! Report Comment
janebug	1692185938 Using bc this looks absolutely coolio Report Comment
bleed	1690735272 usandoo Report Comment
weedinducedpie	1689714233 Using!^_^ Report Comment
Royce	1689376700 Its Really awesome! Report Comment
L0S3R	1688900088 using!! Report Comment
paloma ☆	1688513938 totally using ! Report Comment
☆ kei (hides #1 fan)	1688481463 Using!! ^_^ Report Comment
M4 SOPMOD II	1688316226 Using it Report Comment
Moonie 💛	1686838388 This is so cool! Report Comment
isy_diiamond	1686770032 it's incredible!! i love it!! gonna use it! :DD Report Comment
candle <3	1685909650 WOAHHHH IZ THAT FAN?! Report Comment TROPHY PFP by 🎄 spencer !! ☆; 1686597097; Report
Moufy	1685905366 I approve of this because it looks nice and also because I am in it Report Comment eyo by Ashton; 1685905445; Report totally using ! by paloma ☆; 1688513926; Report