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

Lilith	1760404709 hell yeah Report Comment
Nyxia Moonie	1750249499 usingg! Report Comment
Shihosansan	1740330933 I’m using it!! Report Comment
Shihosansan	1740330933 I’m using it!! Report Comment
Cairo	1721336138 usinggggggg Report Comment
Cairo	1721336135 usinggggggg Report Comment
Saikuro	1719618243 I'm using it, thank you for making this! Report Comment
valentine	1715945572 using this!! is it okay if i figure out how to make slight modifications? Report 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
seraph	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 IXIV; 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