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:

Code:

<!-- (c) Layout created by Audrey Arson (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.