Simple Space Aesthetic Layout

Tags: space, aesthetic, simple, stars, galaxy, dark, purple, glow

Description:

hey, here's my first layout i've ever made, feel free to use it and play around with it if you'd like! please credit me if you use it, thanks!

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
background: url(https://wallpaper-mania.com/wp-content/uploads/2018/09/High_resolution_wallpaper_background_ID_77701925469.jpg);
background-size: cover;
}

h1 {
color: #FFFFFF; 
text-shadow: 2px 2px 3px #A83CEA, 0 0 25px #A83CEA, 0 0 5px #000000;	
font-style: italic;
}

.profile {
background: #000000;
}

main, top, links, nav .top, nav .links, details-table, footer, footer .links {
font-size: small;
color: #F4F2FE;
}

:root {
--logo-blue: ;
 --darker-blue: ;
--lighter-blue: purple 55;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--turquoise: ;
--table-header:#E6E9FF;
--table-color: white;
--link-text: white;
--main-text: white;
}

main {
background: black;
padding: 0;
font-size: small;
text color: #FFFFFF;
text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}

footer {
background: #000000!important;
color: #FFFFFF;
}

.comments-table {
display: block;
overflow-y: scroll;
border-radius: 1px; 
text-shadow: 1px 1px 2px #000000, 0 0 1px #000000, 0 0 1px #000000;
background: url(https://preview.redd.it/vpdspwjjdw531.png?width=1920&format=png&auto=webp&s=2189b44546c9c46f72a098c1a12eab7945f8f601);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.contact {
border-radius: 8px;
background-image: url(https://assets.kpmg.com/is/image/kpmg/space-milky-way:cq5dam.web.1200.630);
background-position: center;
background-repeat: repeat;
background-attachment: scroll;
background-size: cover;
color: #FFFFFF;
text-shadow: 1px 1px 2px #A83CEA, 0 0 25px #A83CEA, 0 0 3px #A83CEA; 
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, {
border: 1px curve #000000 !important;
outline: curve !important;
}

img
{
border-radius: 12px;
}

nav .links {
background: rgba(0, 0, 0, 0.3);
}

nav {
background-image: url(gif or image url) 
}

.profile .table-section {
border: 2px solid #FFFFFF;
border-radius: 4px;
}

.profile .table-section .heading {
background:#000000;
border: 1px solid #FFFFFF;
border-radius: 4px 4px 0px 0px;
text-align: center;
}

.profile .table-section .heading h4 {
color: #FFFFFF;
text-shadow: 1px 1px 2px black;
}

.profile .table-section .details-table td {
background: rgba(0, 0, 0, 0);
padding-right: 10%;
}

.profile .friends .heading {
background: url(https://unblast.com/wp-content/uploads/2021/01/Space-Background-Image-8.jpg);
background-size: cover;
color: #FFFFFF;
text-shadow: 1px 1px 2px black;
text-align: center;
}

.profile .friends .heading h4{
text-align: center;
color: #FFFFFF;
text-shadow: 1px 1px 2px black
}

.general-about {
background-image: url(https://assets.kpmg.com/is/image/kpmg/space-milky-way:cq5dam.web.1400.350);
background-size: cover;
padding: 20px;
border-radius: 10px;
box-shadow: 4px 4px 0 #FFFFFF;
text-align: center;
}

}
.profile .blurbs .section :nth-child(2) {
background-image: url(gif or image url);
padding: 18px;
box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
filter: drop-shadow(3px 3px 0 #000000);
margin: 0!important;
color:#FFFFFF;
}

.profile .profile-info .inner h3 a {
color: #FFFFFF;
}

.profile .profile-info {
background-image: url(https://www.ejiltalk.org/wp-content/uploads/2021/03/pexels-photo-110854.jpeg);
background-size: cover;
background-position: center;
padding: 20px;
border: none;
border-radius: 10px;
box-shadow: 4px 4px 0 #FFFFFF;
text-align: center;
}

</style>

//this would be used for playing audio on your page, but it’s currently blank.//
<iframe width="0" height="0" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

//you can change this to any image/gif you’d like. it will appear in your ‘about me’ section.//
<img src="https://media.tenor.com/DpJdyKQKgYkAAAAi/cat-jump.gif"/>

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 31 comments ( View all | Add Comment )

Astronomical ☆	1748667983 using!! Report Comment
skull_luver39	1736483151 Using! Report Comment
skull_luver39	1736483149 Using! Report Comment
skull_luver39	1736483147 Using! Report Comment
RustyDusty	1736367518 Using!! Report Comment
Kadington	1728961097 using!! Report Comment
Kadington	1728961097 using!! Report Comment
Hibikase_ECHO	1725904791 Using!! :3 Report Comment
Blazingjaguar	1723832132 Using Report Comment
Dorefi	1715078756 using ^^ Report Comment
TotallyEridan	1714060260 using!! Report Comment
nourlie3x	1709147123 using Report Comment
HEE HEE	1706731054 using Report Comment
Subwoofer	1706385326 used Report Comment
J-Bar	1692685080 trying it our right now Report Comment
.Liam/L1minal📀⟢.	1689113731 using :] Report Comment
PinkMachete	1688868374 Using Report Comment
FredGT	1688850101 using! Report Comment
a	1688844564 using!! Report Comment
∨ⅠχχⅠ∑ρΘΘ	1688796753 using Report Comment