Space Theme Layout🌠

Tags: black, emo, space, layout, gifs, purple, stars, dark

Description:

please credit me if you use this thank you<3 please don't delete the part that says I made it!

if there's any problems with my layout please tell me in the comments or message me

if you need help editing anything or putting the playlist there I will help <3

(if you see somebody posting this layout and it isn't me/someone using this layout without credit please tell me)

Preview:

click on the image for a larger preview

Code:

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

<style>
p.online {font-size: 0px;}
p.online::after{content: "🌌 I'M ONLINE";
color: white;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
        background:url(https://i.pinimg.com/originals/73/21/42/732142bcdd2d7f81467892020fac8c81.gif);
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/236x/e5/b5/17/e5b5177936e0c01cad820f7489c3bf1c.jpg);
color:white;
text-shadow: 0 0 9px white;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:White; 
background:black;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🌠"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "✨"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌕"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🛰"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "⭐"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "💫"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "☄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🌌"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/236x/a1/93/5a/a1935a2532f85894306b63a22b6cb29a.jpg);
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://i.pinimg.com/236x/a1/93/5a/a1935a2532f85894306b63a22b6cb29a.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#4f0074;
--even-lighter-blue:#b287f3;
--lightest-blue:#2c0141;
--dark-orange:#b287f3;
--light-orange:#4f0074;
--even-lighter-orange:#2c0141;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
layout made by !!𖤐Sleepy_Gh0st𖤐!!ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
-
Put your about me information here!
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
<h4>My Playlist(s):</h4>
Put Embed Spotify playlist Here
(If you don't understand how to do this just comment under my post you got this from and I will help you!)
</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!~.˚𖤐🪐"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "The Comments!!~.˚𖤐🪐"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!~.˚𖤐🪐"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!~.˚𖤐🪐"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!~.˚𖤐🪐"; font-size:.8rem; font-weight:bold; color:White; }
</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 59 comments ( View all | Add Comment )

prizzy	1712243709 using ! Report Comment
✰ scy/sybil ✰	1711212695 usingg Report Comment
SuperFred64	1708468791 using Report Comment
BEBSS XD	1706679772 USANDOOOOOOO XD Report Comment
BEBSS XD	1706679771 USANDOOOOOOO XD Report Comment
BEBSS XD	1706679770 USANDOOOOOOO XD Report Comment
BEBSS XD	1706679767 USANDOOOOOOO XD Report Comment
Twisted_Frog	1705629159 Ussing :DDD Report Comment
Xander	1705327398 using!!! Report Comment
Ju	1703914922 using:D (tysmm!) Report Comment
LunaDaStiger	1701208488 using,,, :3 Report Comment
R3xx.mp4	1701111121 using!!!!!! Report Comment
callisto ☆	1700276497 using !! :3 Report Comment
Marsy Lia	1699370498 Using!! was wondering if I have to keep the credits at the top of the about me, or can I move them down Report Comment
.𖥔 ݁ Loving machine .₊˚	1697935628 OMG I WAS LOOKING 4 A LAYOUT LIKE THISS!!!!!11!1!!! usinggg Report Comment
⦻ RainGlobe / RODY!!! B)	1692337554 Using! :D Report Comment
XxMAGNETICD0GxX	1690229225 Using this!!! I hope you don't mind that I changed a couple of things (just the backgrounds tbf, I definitely kept your credit in though) Report Comment
ethaniel	1686692298 using this, thank you :3 Report Comment
m1zuk1	1686391562 might use ty<3 Report Comment