🖤💙🦂NEON SCORPION🦂💙🖤

Tags: blue, black, creepy, horror, animation, twilaslay0utshack, gif, neon, gif, lofi

Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME ♡

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1387) -->

<style> 

body { 

font-family: Courier;
font-size: 15pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}



h1 {
  color: black;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
} 

h1, h2, h3, h4,p {color: lightblue;} 

:root { 

--black: white;
</style>

<style>
@import url('http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif');

.online{
    content:url(http://dl8.glitter-graphics.net/pub/1123/1123818cjfqwt8fhd.gif);
    height: 40px;
    width: 40px;
    
}

.profile{
    background-color: black;
}
td {
    background-color:rgba(160, 170, 200, 0.15) !important;
    border-radius: none !important;
    
}
.table-section:not(:last-child) .details-table tr td:first-child p{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;
    
}
.details-table tr td:first-child p:after{
  color:transparent; !important;
  letter-spacing:normal !important;
   text-shadow: 	2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content:"◇";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content:"◇";
}
h1{
    color:transparent;
    font-family: courier, Courier;
    text-shadow:2px 2px  lightblue a;
}
.profile-pic img{
    border-radius:5px;
    box-shadow:4px 3px #000000;
    filter:grayscale(10%);
}
.contact {
background-image:url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
  border-radius: 0px;
  border-color: transparent !important;
  background-position:right, bottom;
  background-size: 360px 150px;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}

  body, .bodyContent  { 
 background-image:url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color: transparent ; 
 border-width:0px; 
 border-style:0px;

 } 

p, h2{
    color: lightblue !important;
}
a{
    color: lightblue !important;
    
}
.friends, .count, a p{
    color: transparent !important;
    text-align:center !important;
}
.friends-grid img{
    border-radius: 0px !important;
    filter:grayscale(10%) !important;
}

h4 {
    color: lightblue !important;
}
.section h4{
    color: lightblue !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color:rgba(10,13,20,.95) !important;
}
.table-section{
    border:none !important;
}
.heading{
    background:none !important;
    padding-bottom:0px !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:"Follow Me";
  font-family:Montserrat!important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#000000 !important;
  font-weight: bold !important;
    
}
  
.url-info {
    display:none !important;
}

.inner img{
    border:solid 0px black !important;
    filter:grayscale(60%) !important;
    border-radius: 0px !important;
}
.contact img{
    border:solid 0px!important;
}
main{
    border:outset 0px;
    border-top:none;
    padding-top:0px!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:"◇";
  font-family:Montserrat !important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:transparent !important;
  font-weight: bold !important;
}

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

.w-40 .contact .heading::after{
    content:"be my friend";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:transparent !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
    border-radius: 0px 0px 0px 0px; !important;
    background-size:100% 100%;
    border:outset none;
    border-bottom:none;
}
nav ul{
    background:none !important;
    
}
nav img{
    filter: opacity(5%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color:rgba(30,35,40,.9);
}
#comments img{
    border-radius: none !important;
    border: none !important;
}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
  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>main:before {
	width: 100%;
	height: 1000px ;
	display: block;
	content: "";
	background-image: url('http://dl6.glitter-graphics.net/pub/2588/2588006ugdy5266r1.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
footer {
border-radius: 5px;
background-image: url(http://dl3.glitter-graphics.net/pub/1816/1816003ae89mys83f.gif);
}
</style>
















<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #FFF;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
    </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 2 of 2 comments ( View all | Add Comment )

𝖏𝖊𝖙𝖙 𝖙𝖍𝖊 𝖑𝖎𝖛𝖎𝖓𝖌 𝖉𝖊𝖆𝖉 𝖉𝖔𝖑𝖑

1667875416

HEYY, I RLY LIKE UR LAYOUT[using another one of urs rn] but i cant seem to figure out what part of the code contains the url that is at the top of the screen [in this case the scorpion] im trying to remove it

Report Comment

never mid foundd it

by 𝖏𝖊𝖙𝖙 𝖙𝖍𝖊 𝖑𝖎𝖛𝖎𝖓𝖌 𝖉𝖊𝖆𝖉 𝖉𝖔𝖑𝖑; 1667875763; Report

Isaac

1613200509

Text in the about me table is invisible? eg Music, Tv heroes, at least on mobile. Spacing at the bottom also a bit strange. Great work tho! Love the background a lot

Report Comment

Yes all texts have been set to specific colors on purpose. Spacing at the bottom is because of rerouting the edit my profile section. Thabks.

by TWILA'S LAY0UT SHACK; 1613223585; Report

I'll see what I can do about the white border. Text color can be easily changed within the code. Lmk if you need help

by TWILA'S LAY0UT SHACK; 1613223962; Report