| 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 Muichiro (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 28 comments ( View all | Add Comment )

Nat	1711146142 using!! Report Comment
Lee	1707190647 Super cute, definitely using this! Report Comment
viquinn	1704560705 using Report Comment
Valentina/Val	1704066182 using🖤 Report Comment
Britt	1688612825 Definitely Using. Love it Report Comment
Yu !!	1685411499 using Report Comment
🩸Dripping Venom🩸	1681147672 EXCELLENT. 🤘🤘 🖤💜🖤 Report Comment
JUDE!	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
💊🔪💉?!R1CHT0F3N¡¿💉🔪💊	1673467699 luved the pfp on the photo was it underfell papyrus? Report Comment
Dilf lover<3	1672114936 Defiantly using this!!! Thx<3 Report Comment
Marco ‼️	1669929830 Using! TYsmm Report Comment
Lethe Collective	1669231619 Totally Using!!! Report Comment
nerv	1664065443 using ^^ Report Comment
^^Local~apartment~cat^^	1660859844 Using, (Sick Ass Layout BTW! It’s really cool!) Report Comment
Liminal Collective	1660522459 Omg totally using .:3 Report Comment
antiqueJackass	1660050107 Using !! =oD Report Comment