Neon Swirl

Tags: layout, layouts, leena, neon, nurave, rainbow, gif, emo, animation, 2000s

Description:

I did this layout as a commission. The person wanted a nurave neon theme so for this layout, I changed things up a bit. I don't usually do giffy layouts, but I love how this one turned out. The giant spiral background spins in a counterclockwise motion and the contact box image quickly flashes images of things you might find at a rave. The borders are reminiscent of glow sticks, the text emits a neon glow, and the opacity of the content boxes allows for easy reading while still allowing the colorful imagery to be visible.

If you like this layout, please leave a comment and as always:

-Feel free to change anything you like.

-If you have any questions, please ask them in the comments below or on my blog.

-You can view the full-sized image here.

-To use this layout, copy and paste the code below into the "About Me" section of your profile.

*Friendly reminder: it's against Spacehey rules to hide the Spacehey logo, search bar, or logout buttons in the navigation section.*

*Update - The links on correct preview image and the correct blog. I'm very sorry if this caused any inconvenience or confusion!*

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background: url(https://i.ibb.co/tCy2Skr/neonspiral.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
border: 2px solid #02fa02;

}

table, td
{

	border-spacing: 2px;
        
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#4e4f4e);
    color: #00ffe1
    text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #02fa02;

    }

.profile .table-section {
    overflow-y: scroll;
}

mood {
  color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.mood p {
  color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.mood a {
  color: #f6ff00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

table, th, td
{
   border: 0px solid #4e4f4e;
   border-spacing: 0px;
}


.profile .table-section, .home-actions
{

   border: 2px solid #02fa02;
   border-radius: 8px;

}

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

    }   

footer 
{

    background: #000000;
    border-radius: 8px;
    border: 2px solid #02fa02;
    color: #02fa02;
}

.comments-table{
display: block;
height: 500px;
overflow-y: scroll; 
color: #00ffe1;
border: 2px solid #02fa02;
border-radius: 8px;

}

.contact .heading {
  background: transparent!important;
  text-align: center; text-decoration: italic;
  color: #00ffe1!important;
  font-size: medium;
  font-family: cursive;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;
  border: none!important;
}

.contact {
  border-radius: 8px; border: 2px solid #02fa02!important;
  background-image: url(https://i.ibb.co/Pgw48cG/partytime.webp);
  background-repeat: no-repeat;
  background-size: cover
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #f6ff00;
  font-family: cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #02fa02;
  font-size: 12px;
}

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

}

nav, footer, .profile .contact {
color: #02fa02!important;
}

main {
background: transparent!important;
border: none;
padding: 0;
font-size: 90%;
color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
}


nav {
  background: #000000;
  border: 2px solid #02fa02!important;
  border-radius: 8px!important;
}

nav .top a, nav .top, nav .logout-btn, nav .links a {
    color: #02fa02!important;
}

.logo {
     filter: invert(49%) sepia(96%) saturate(901%) hue-rotate(79deg) brightness(111%) contrast(122%);!important;
}


  .profile .table-section{
    border:2px solid #02fa02;

  }
  .profile .table-section .heading{

    border: none;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #00ffe1;

  }

  .profile .friends .heading{
    border: 2px solid #02fa02;
    border-radius: 8px;
    background: #000000;
    color: #00ffe1;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #00ffe1;
  }


 .profile-pic {
        border-radius: 500px;
        border: 2px solid #02fa02;
        overflow: hidden;
}

.blog-preview h4, .blurbs .heading {
    border: 2px solid #02fa02;
    border-radius: 8px;
    background: #000000!important;
    color: #00ffe1;
    text-align: center;
}

.blog-preview h4 a, .more {
  color: #f6ff00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;
}

.profile .blurbs .section :nth-child(2) {
        color: #00ffe1;
  text-shadow: 1px 1px 2px #02fa02, 0 0 25px #02fa02, 0 0 3px #ffffff;
     /* margin-top: -5px; */
	padding: 18px;

}


.profile .profile-info .inner h3 a {
	color: #00ffe1;
}
.profile .profile-info {
	background-image: url(https://i.ibb.co/60LFDkd/glowsticks.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #02fa02;
	text-align: center;
        text-shadow: 1px 1px 2px #000000, 0 0 25px #02fa02, 0 0 3px #ffffff;

}

</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 )

Matthematical	1699708169 using! Report Comment
Leena	1693530654 Thanks everyone for all of the positive feedback! (^_^) Report Comment
erick018wzz	1693003938 USING!! (I change t backgroung) Report Comment
r02lm0	1691460582 Usando Report Comment
Arthur . .	1689471656 COOL!!! USING :3 Report Comment
روزي	1689064269 Thank you! Report Comment
Nightwalker	1686479230 cool i love it =) Report Comment
kenni	1685423150 sick! Report Comment
Juleon510	1680374802 It's so cool :0 Report Comment
Ezriela	1679609613 Love this!! Thanks! Report Comment
S-H-E-L-L-E-Y	1678339955 THIS IZ SICK! XD Report Comment
Noa	1677527874 Love this!! Using! :) Report Comment
zEKE	1677221114 gonna b using!!! luv it!! ^_^ Report Comment
Kirby	1676218971 Cool!! Using :)) Report Comment
Soap	1674700202 So cool!! Report Comment
SpaceXMartini	1671342457 So amazing! Report Comment Thanks! (^_^) by Leena; 1671372285; Report
vincent / ren :3c	1671137419 using! Report Comment Ty (^_^) by Leena; 1671285949; Report
Schraver	1668916541 Loving this layout! Report Comment Thank you (^_^) by Leena; 1668953661; Report
Amber ^^	1668838943 using :) Report Comment Ty (^_^) by Leena; 1668868565; Report
✩ sam ✩	1667831608 using >_ Report Comment Ty, glad you like it (^_^) by Leena; 1667919928; Report