NEON VIOLET - NEON WHITE

Tags: neon violet, purple, violet, neon white, video game
Description:

heres a layout i made based off of neon violet, a character in a game called neon white ! if you want no music , you can delete the last bit of code !!
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by octo☆bagel (https://layouts.spacehey.com/layout?id=40483) -->

<style>
    body{
        
    background-color: #000 !important;
    background-image: url('https://images.alphacoders.com/124/1247508.jpg') !important;
    background-attachment: FIXED!important;
    background-repeat:NO-REPEAT !important;
    background-position: TOP !important;
        
    }
</style>

<style>
    footer{
        
    background-color: #0000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .comments-table td{
        
    background-color: #0000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>




<style>
    .heading{
        
    background-color: #884ba6 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    main{
     
    background-color: #29222e !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    .profile{
        
border: 4px solid #ffffff !important; 

    }
</style>

<style>
    .top{
        
    background-color: #0000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .links{
        
    background-color: #0000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-color: COLOR !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: #29222e !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>h1{color: #ffff !important;}</style>
<style>body{color: #ffff !important;}</style>
<style>
table, th, td {

  border: 2px solid;

     }

:root {

  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "Television";
  --topic5: "Books";
  --topic6: "Heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:#ffff !important;text-shadow: none
.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>a{color: #ffff !important;}</style>

<style>
    .contact{
        
border: 3px solid #ffff !important;   
        
    }
</style>

<style>
    .url-info{
        
border: 3px solid #ffff !important;   
        
    }
</style>

<style>.url-info b{color: #ffff !important;}</style>

<style>.url-info{color: #ffff !important;}</style>

<style>.mood{color: #ffff !important;}</style>

<style>.blog-preview{color: #ffff !important;}</style>

<style>.blurbs .heading {color: #ffff !important;}</style>

<style>.profile{color: #ffff !important;}</style>

<style>.profile .blurbs .section h4{color: #ffff !important;}</style>

<style>.more{color: #ffff !important;}</style>

<style>.blog-preview{color: #ffff !important;}</style>

<style>.friends b{color: #ffff !important;}</style>

<style>.friends .heading {color: #ffff !important;}</style>

<style>.friends-grid a{color: #ffff !important;}</style>

<style>table.details-table{border: 2px solid white !important;} .profile .details-table td{border: 2px solid #ffff !important; </style>

<style>.friends-grid a{color: #ffff !important;}</style>

<style>

body  
    {
--lighter-blue: none;
--lightest-blue: none;


}

</style>

<style>.general-about img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>

<style>.profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
<div class="snowflake"><img src="https://wilardo.crd.co/assets/images/gallery28/aa4ffbab.gif?v=d19c95ca"/></div>
</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1047.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2016/06/15/purple-angel-wing-heart.html" target="_blank" title="Purple Angel Wing Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Purple Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px;  
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery03/4246c620.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/shajlPjIRpY//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
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 )
ROT	1708502678 using!! Report Comment
D4ZZ3	1706141246 Using!! ( ´͈ ᵕ `͈ )◞♡ Report Comment tysm !!! by octo☆bagel; 1706142538; Report
twinArmageddons_	1705695518 using!! :] Report Comment
¡¡¡ SMITUNA !!!	1700284998 using :D Report Comment TYYYYY !!!! by octo☆bagel; 1700286408; Report
Cyrus	1695083717 using :3 Report Comment yayy tysm !!!!!! by octo☆bagel; 1695090863; Report