| Purple Grunge | Spaghetti-Noodles

Tags: goth, emo, cursor, animation, purple

Description:

I got bored and made a layout!, if you use please comment first! or add me and also please add credit, ty tyy ^^

- Spaghetti-Noodles

Preview:

click on the image for a larger preview

Code:

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



<style>
html:before {
  background-image: url(https://htmlcolorcodes.com/assets/images/colors/dark-blue-color-solid-background-1920x1080.png);
  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: 300px;
        display: block;
        content: "";
        background-image: url('https://wallpaperaccess.com/full/5971212.jpg');
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
}
        @media only screen and (max-width: 600px) {
            main:before{
            height: 200px;
        }
  </style>
<style>
HTML,BODY{cursor: 
url(https://cur.cursors-4u.net/games/gam-10/gam929.png),
auto;}


A:hover{cursor: 
url(https://cur.cursors-4u.net/games/gam-10/gam929.png),
auto;}

 



.online{content:url("https://www.myspacegens.com/images/online_now/311.gif");}


<style/>
 <style>
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&family=Bungee&display=swap');
p{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 100%;
}
h1{
  font-family: 'Bungee', cursive;
  font-size: 200%;  
}
h2,h3,h4,h5{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 100%;  
}

body{
   background-image: url(https://wallpaperaccess.com/full/633447.jpg) !important;
   background-attachment: FIXED !important;
   background-repeat: REPEAT !important;
}

/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #F122FC;
	
};
	text-shadow: 2px 2px 3px #F122FC, 0 0 25px #FF4473, 0 0 5px black;
}

main {
  background-color: #2e2170de;
  color: white;
}

.count {
  color: #ab21e6
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #2e2170de;
  --darker-blue: #5421b1de;
  --lighter-blue: #5421b1de;
  --even-lighter-blue: #5421b1;
  --lightest-blue: transparent;
  --dark-orange: #fff;
  --light-orange: #5421b1;
  --even-lighter-orange: #fff;
  --green: #fff;
  --table-header:white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}
    a:hover{
        color: #fff !important;
}


&lt;style&gt;HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-extern.php?id=84238),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-extern.php?id=84239),
auto;}



.profile-info {
border: 2px solid #5421b1;
}
.profile-info .inner {
border: none;


.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}



.details:after {
content: "pronouns go here!";
}



footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}


.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    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 Profile */
	content: "🌑"
   }

</style>
<style>
table{background:none !important; line-height:15px !important;}
table ul li a {color: #000000 !important;}
}
<style/></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 33 comments ( View all | Add Comment )

Starlightᥫ᭡✮⋆˙	1779650349 using <33 Report Comment
H4PPY_R4TS	1773372964 using :> Report Comment
mirage_xdc	1768596841 Usinggg Report Comment
Finn	1746331545 Using >< Report Comment
Jules	1737276406 using!! Report Comment
𖥔.ཐི༑ Sonder ༑ཋྀ.𖥔	1732519951 Gonna try it out Report Comment
Nat	1711146142 using!! Report Comment
Lee	1707190647 Super cute, definitely using this! Report Comment
viquinn	1704560705 using Report Comment
Jazmine/Jazzy	1704066182 using🖤 Report Comment
Britt	1688612825 Definitely Using. Love it Report Comment
Star/Sunny!!	1685411499 using Report Comment
JUDY!	1679956843 i'll be using this! Report Comment
Lexii<3	1675982095 Ii love it! Report Comment
꒰ა 𝓐𝓵𝓲𝓬𝓮 ໒꒱	1675294783 I’ll be using this Report Comment
t4_m1	1675005011 i'll be using this tysm! :) Report Comment
anith0t	1674449184 using! thanks for ur service~ Report Comment
R0TT1NG_ANG3L	1673467699 luved the pfp on the photo was it underfell papyrus? Report Comment
Dilf lover<3	1672114936 Defiantly using this!!! Thx<3 Report Comment