Pink Glitter Scemo

Tags: scene, emo, pink, glitter

Description:

It's the pinkest thing you'll ever see in your live bruv. I spent hours grueling over this and scouring other codes to learn how to do certain things to be able to do what I did. This code broke so many times. It's currently 5 in the morning and I am tired. Enjoy. Delete all of the explanations in parentheses for the code to work, pls credit me for the design, but if you use the code to make your own design idc about credit- but it has to be in the exact order its in now or it will break!

Preview:

click on the image for a larger preview

Code:

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

(this is the youtube link- put whichever link you want to in the src"" part)
<iframe width="640" height="360" src="https://www.youtube.com/embed/ZSgjxNh8Cgg" title="Demi Lovato - FREAK (Visualizer)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

(this is the curser- i do not know how it works)
<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat365.cur), auto;}</style><a href="https://www.cursors-4u.com/cursor/2009/01/30/black-rose.html" target="_blank" title="Black Rose"><img src="https://cur.cursors-4u.net/cursor.png" alt="Black Rose" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

(this is the font link- if you want a new font you'll have to get a new font link)
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');

(paragraph and links text)
p, .links{
	font-family: 'Creepster', cursive;
	font-size: 18px;
	color: #ff0082;
	text-shadow: 1px 1px 2px black;
}

(contact user text)
.contact{
	font-family: 'Creepster', cursive;
	font-size: 14px;
	color: #ff0082;
	text-shadow: 1px 1px 2px black;
}

(header text)
h1, h2, h3, h4, h5, h6{
	font-family: 'Creepster', cursive;
	font-size: 24px;
	color: black;
	text-shadow: 1px 1px 2px #ff0082;
}

(this is the background image for the headers)
h1, h4{
	font-family: 'Creepster', cursive;
	font-size: 24px;
	color: black;
	text-shadow: 1px 1px 2px #ff0082;
background: url(https://wallpapercave.com/wp/wp3247543.jpg)
}

(navigation label text)
nav label{font-family: 'Creepster', cursive;
	font-size: 18px;
	color: black;
	text-shadow: 1px 1px 2px #ff0082;
}

(pink sparkle background)
body{
	background: url(https://wallpapercave.com/wp/wp3247543.jpg);
    
}

(black block)
.profile, footer {
	background: black; 
}

(table border)
table, td{
	border: 1px solid var(--url-pink-bg);
	border-spacing: 2px;
}

(padding)
main{
	padding: 0;
}

(SUPER IMPORTANT!!)
:root{

(lets you see the text for the interest boxes)
	--headers: #ff0082; font-family: 'Creepster', cursive;
	--links: #ff0082; font-family: 'Creepster', cursive;
	--text: #ff0082; font-family: 'Creepster', cursive;
	--names: #ff0082; font-family: 'Creepster', cursive;

(Changes the rest of the colors on the website)
	--logo-blue: url(http://wallpapercave.com/wp/7bmaEpb.png);
	--darker-blue: #00e703;
	--lighter-blue: #ff0082;
	--even-lighter-blue: black;
	--lightest-blue: black;
	--dark-orange: black;
	--light-orange: #ff0082;
	--even-lighter-orange: black;
	--turquoise: #ff0082;

(changes the interests names)
	--topic1: "X3";
	--topic2: "MUZ1K!";
	--topic3: "PIKZ!";
	--topic4: "TV SH0WZ!";
	--topic5: "W3BT00NZ!";
	--topic6: "ID0LZ!";

(changes the rest of the interests names)
	--myactions: "W3LC0M3 T0 TH3 FR34K SH0W";
	--mytopics: "4B0UT M3";
	--mylinks: "PLUGZ";

}

(gets rid of the old text)
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent;text-shadow: none;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
	color:var(--links);
	letter-spacing:normal;
	text-shadow: 0px px black;
	filter: brightness(95%);

}
.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);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
  content: var(--topic7);
}

(fixes up the font for the new text)
.w-40 .table-section:last-child .heading h4{color:transparent;text-shadow: none;letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
	content: var(--mylinks);
	font-family: 'Creepster', cursive;	
	text-shadow: 	0px 0px black;
	color: black;
	font-size: 18px;
}

.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: var(--mytopics);
	font-family: 'Creepster', cursive;	
	text-shadow: 	0px 0px black;
	color: black;
	font-size: 18px;
}

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

.w-40 .contact .heading::after{
	content: var(--myactions);
	font-family: 'Creepster', cursive;	
	text-shadow: 	0px 0px black;
	color: black;
	font-size: 18px;
}

(background of the subsections
.blurbs, .general-about, .friends{
	background: url(http://www.wallpapersin4k.org/wp-content/uploads/2017/03/Pink-Zebra-Wallpaper-2.jpg);
}

(background for the tables
.table-section{
	background: #00e703;
}

(background for the contact and profile info)
.contact, .profile-info{
	background: url(https://i.pinimg.com/736x/2b/48/7d/2b487d75534bae4c6329f1764a1264cb--leopard-print-wallpaper-cheetah-print.jpg);
}

(Edits the comments table)
table.comments-table{
	display: block;
	height: 220px!important;
	overflow-y: scroll;
}

<style>
(cleans some things)
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
	border: 0px dotted gray !important;
	outline: none !important;
}
</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 11 of 11 comments ( View all | Add Comment )

X_T3S$A_X	1707012182 using!! Report Comment
x_emokittenbabe_x	1683759295 using :3 Report Comment
Lamb	1681165536 USINGGGG Report Comment
blackbellaswan	1679440605 using! Report Comment
Ghost	1679366188 USING XD Report Comment
EMOFULLL0_0	1677436589 USEDD XOXO Report Comment
Xx_Sc3n3K1ng_xX	1676731394 uzed! Report Comment
MAD	1676217985 using <) Report Comment
Jemma G	1675344606 Loves it Report Comment
Piqetterekeee	1675009954 Es muy hermoso! :333 lo voy a usar ^⁠_⁠^ Report Comment
Midnight_Melody	1674782886 using!!!! Report Comment