NEOSPACE I -

Tags: cyberpunk, dark, neon, futuristic

Description:

A Cyberpunk themed layout I've created.

You can view the layout live here.

Leave a comment below and add me if you use it or if you like it ♡

If there are any issues with the layout, don't hesitate to message me.

I hope you enjoy! ♡

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Nogüd (https://layouts.spacehey.com/layout?id=18455) -->

<!-- © ♡ Layout made by NOGÜD ♡-->

<!-- ♡ FONTS  ♡-->


<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Roboto+Condensed:wght@300&display=swap');
</style>


<!-- ♡ HEADER ♡-->

<style>
nav:before {
 width: 100%;
 height: 500px;
 display: block;
 content: "";
 background-image: url('https://nogudone.com/spacehey/publiclayouts/1neospace/HEADER1.png?w=1200&h=1000&fit=crop&crop=faces&fm=jpg');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 nav:before{
  height: 500px;
</style>







<!-- ♡ GENERAL STYLIZATION ♡-->

<style>
:root{
  --headers: #761743;
  --links: #af0756;
  --text: #202020 ;
  --names: #c0286e;
  --glowbase: #ffffff

  --simple_bg: #091025;

 --transparency: 0.33;

 --font-family: 'Orbitron', 'Roboto Condensed' ;



 --connecting: "Connecting";
 --mytopics: "Information Download";
 --mylinks: "Extraction";


</style>





<!-- ♡ BACKGROUND ♡-->

<style>
    body {
        background: white;
        background-image: url("https://nogudone.com/spacehey/publiclayouts/1neospace/BACKGROUND1.png");
        background-size: ;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        
    }
</style>


<!-- ♡ CURSOR ♡-->



<style>


* {cursor: url(https://nogudone.com/spacehey/publiclayouts/1neospace/CURSOR1.cur), auto !important;}</style><img src="https://nogudone.com/spacehey/publiclayouts/1neospace/CURSOR1.png" alt="Free" style="position:absolute; top: 0px; right: 0px;"/>






<!-- ♡ CUSTOM HEADINGS ♡-->


<style>

.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .contact .heading::after{
  content: var(--connecting);
font-family: var(--Orbitron) !important;
text-align: center;
text-shadow: 2px 2px 5px #af0756;	
 text-transform:uppercase !important;color: var(--glowbase) !important;font-weight: bold !important;
}



.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
content: var(--mylinks);
font-family: Orbitron !important;
text-align: center;
text-transform:uppercase !important;
color: var(--headers) !important;font-weight: bold !important;}



.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}



.w-40 .table-section:nth-last-child(2) .heading::after{
content: var(--mytopics);
font-family: Orbitron !important;	
text-align: center;
text-transform:uppercase !important;
color: var(--headers) !important; font-weight: bold !important;
}



</style>


<!-- ♡ COLOR STYLING ♡-->


<style>

h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
p, h2{color: var(--text) !important;} /* color of text */
h1, .count, .friends a p{color: var(--names) !important;} /* color of names, and friends counter */
nav label{color: var(--headers) !important;} /* color of search */
.section h4{color: var(--names) !important; display:none;} /* aboutme & want2meet headings */
.online{color: var(--links) !important;} /* color of the 'online' text */
.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */


td {background-color:rgba(0, 0, 0, 0.0) !important;border-radius: var(--curve) !important;}



</style>



<style>



.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px !important;
outline: none !important;
}




</style>








<!-- ♡ URL IMAGE ♡-->




<style>

.url-info{
    background: url('https://nogudone.com/spacehey/publiclayouts/1neospace/CONTACT1.png');
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 200px;
}
.url-info p{
    opacity: 0.0;
}



</style>


<!-- ♡ HEADING STYLING ♡-->

<style>


.blurbs .heading{display:none !important;}

.friends .heading{display:none !important;}

.comments .heading{display:none !important;}


.interests .heading{display:none !important;}


</style>


<style>

.heading, .url-info, .blurbs, .details, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 8px !important;
border: var(--borders) !important;



 </style>



<!-- ♡ CONTACT ♡-->




<style>


.contact {
        font-size: 15px;
        font-family: 'Roboto Condensed', sans-serif;
font-color: #ffffff;
        border: solid 1px #af0756!important;
        background-image: url("https://nogudone.com/spacehey/publiclayouts/1neospace/CONTACT1C.png")  !important;
        background-size: 100%;
        
    }


.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 favorites */
	content: "⋗"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "⋗"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward 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 to group */
	content: "⋗"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "⋗"
} 
</style>







<!-- ♡ NAVIGATION ♡-->
<style>

nav{background-color:var(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background:none !important;}
nav img{filter: opacity(80%) !important;}
nav ul a img, .mood a img{display:none !important;}
.top{background:none !important;background-color:rgba(0, 0, 0, 0.8); !important;}


 
nav .top .left .logo {
    padding: 6px;
    background: URL("");
    border-radius: 5px;
    width: 250px;
    position: relative;
    top: 5px;
opacity: 0.0;
}

nav .top .left  {
    padding: 6px;
    background-image: URL("https://nogudone.com/spacehey/publiclayouts/1neospace/SPACEHEYLOGOALTD.gif");
    border-radius: 5px;
    width: 250px;
    height: 64px;
    position: relative;
    top: 5px;
background-repeat: no-repeat;
;
}

</style>






<!-- ♡ HEADER ♡-->


<style>
h1{
font-size: 30px !important;
font-family: 'Orbitron', sans-serif;
text-transform: uppercase;
align: center;	
padding-left: 2px !important;
}


.profile-pic img{
outline:none !important;
height: 313px; !important;

}
</style> 



<!-- ♡ BODY ♡-->

<style>



.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}



main {
        border: black solid 1px;
        background: url("")!important;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat!important;
        background-position: bottom!important;
        background-color: rgba(255, 255, 255, 0.3)!important;
        border-top: none;
    
    }



<style> 
/* these are the colors for headers */
p{
font-family: 'Orbitron', sans-serif;
text-transform:uppercase !important;
color:#b79984;
}
</style>



<!-- ♡ FOOTER ♡-->



<style>
    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;

</style>

<!-- ♡ END OF LAYOUT ♡-->

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

M4 SOPMOD II	1692589829 Using this. Also, I hope you don't mind that I've made a few personalized modifications to it for my profile. Report Comment
Juniper	1680721689 Using <3 Report Comment
ORPHYN	1644356777 You make solid layouts. Keep up the great work! Report Comment
skylar	1640848145 might use this =] Report Comment
Jo Cipher	1640671105 This looks really cool! Is it okay if I change the top image? I don't want to assume you're ok with changes so wanted to ask Report Comment Of course! ♡ I appreciate you asking, as well ♡ by Nogüd; 1640706968; Report Alright, thank you! and no problem, I know some ppl don't bother to ask abt these things but I try to ^w^ by Jo Cipher; 1640812274; Report