Misfits layout!

Tags: layout, simple, music

Description:

Feel free to change anything! If there's any problems, please let me know and I'll try my best to fix them :D. Please comment if you use this, thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
p{
  font-family: 'Creepster', cursive;
  font-size: 100%;
  color: #FFFFFF
}
h1,h2,h3,h4,h5{
  font-family: 'Creepster', cursive;
  font-size: 100%;  
  color: #FFFFFF
}
  body {
   background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRf6UFZKOsSzO1whsQs8BHLFzh2e2raLb2Zrrh0nu6W1kv2GJJErzGP2LPPbCVQfJRc-iTETVHlPzY&usqp=CAU&ec=48600112)
}

h1 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px darkred, 0 0 5px darkred;
}

h2 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px darkred, 0 0 5px darkred;
}

h3 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px darkred, 0 0 5px darkred;
}

h4 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px darkred, 0 0 5px darkred;
}

.profile {
   background-color: black
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color:#000000;
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: #FFFFFF;
}

table.comments-table td {
    color: #FFFFFF;
}

:root {
    --logo-blue: black;
    --darker-blue: white;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: ;
}

.online{
color: #FFFFFF;
font-family: 'Creepster', cursive;
color: white;
text-shadow: black;
font-size: 200%;
text-align: center;

}
.online img{
content: url(https://www.culturecreature.com/wp-content/uploads/2018/02/best-music-logos-1-418x418.jpg);

}

.profile .profile-info{
color: black; 
text-shadow: text-shadow: 1px 1px 5px #000000;
background-image: url(https://i0.wp.com/i.imgur.com/XT3ULkU.png?ssl=1);
background-size: cover;
background-position: center;

}

footer {
    border-radius: 15px;
    background-image: url(https://media.licdn.com/dms/image/C5112AQFdh5CWzJSd6A/article-cover_image-shrink_600_2000/0/1520183673521?e=2147483647&v=beta&t=fISQXPD8NNsNnIq49aS787epsumewX-NwPXPD3c1UK4);
    color: white;
}</style>

<iframe src="https://giphy.com/embed/MgfnspMzZCZGw" width="480" height="365" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe><p><a href="https://giphy.com/gifs/retro-fiend-horror-creepy-scary-MgfnspMzZCZGw"></a></p>

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 )

1nsufficient	1735081800 using Report Comment
R0manceIzD3ad	1730910921 this so cute!! Report Comment
joel the chic ୨୧	1723325204 USINGG Report Comment
joel the chic ୨୧	1723325175 USINGG Report Comment
🐇oogaboogabunghole🦇	1717031251 using Report Comment
Zzelleysaur	1709954341 Using!!! Report Comment
kristella	1697060383 using ^_^ tysm Report Comment
Dallas?	1696552458 How do I get JUST the online part Report Comment
spence !	1693904544 uzuing Report Comment
⛧𝓢𝖈𝖔𝖙𝖙𝖎𝔢⛧	1681775254 THIS IS SO COOL!!i cant wait to see more of ur work :) Report Comment Tysm! by Melody 💜; 1681790717; Report
FTPKat<3	1681760286 <3 thiz Report Comment