red and black spiderweb emo layout

Tags: emo, red, black, white, grey, spiders, spiderweb

Description:

includes a custom online icon!
comment + keep the creds if ur gonna use

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=83811) -->

<marquee><h1> <a href="https://spacehey.com/gods_worst_angel">layout by valerie</a> </h1></marquee>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
h1, h2,h3,h4,h5,h6{
  font-family: 'Metal Mania', serif;
}

  @import url('https://fonts.googleapis.com/css2?family=Neuton:wght@300&display=swap');
body{
  font-family: 'Neuton', serif; 
}

body{
  background: url(https://i.pinimg.com/originals/a4/c5/92/a4c592d4df21bc4039b90571b0d98462.jpg) center;
  background-size: 500px;
  background-attachment: fixed;
}

main{
  background: none;
}

main .left{
  background: #BD1100;
  color: white;
  font-style: italic;
  border: white 7px double;
  padding-right: 20px;
}

main .right{
  background: black;
  color: white;
  border: white 7px double;
}

.online{
  content: url(https://external-media.spacehey.net/media/sMyHGOBkbqB4MCCjfMrrMGYaIObbi5-yniRi322vwRp4=/https://64.media.tumblr.com/b8d4f36f74e3a7c0a1f87957ad988037/tumblr_inline_pdzeq4CokZ1v11djx_500.gif);
}

nav .top{
  background: black;
  border: 7px white double;
  font-style: italic;
  text-transform: uppercase;
}

nav .links{
  background: #BD1100;
  border: 7px white double;
  font-style: italic;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 5px;
}

button{
  border: none;
  background: none;
  font-style: italic;
  text-transform: uppercase;
  color: white;
}

.profile .mood, .profile .contact{
  background: black;
  border: 7px white double;
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.profile .mood{
  text-align: center;
}

.profile .blurbs, .blog-preview, .friends, .profile .table-section{
  font-size: 17px;
}

.profile .url-info{
  background: url(https://i.pinimg.com/564x/7a/23/08/7a230877c2e56b8457dfa35bbbd9f567.jpg) center;
  background-size: 350px;
  border: 7px white double;
  height: 310px;
  font-size: 0px;
}

.profile-pic img{
  border: 5px black solid;
  box-shadow: 0px 0px 5px black;
  filter: grayscale(100%);
}

.friends img{
  filter: grayscale(100%);
}

table.comments-table, .profile .blurbs, .blog-preview{
  border: 7px white double;
}

.blog-preview{
  text-align: center;
}

.comments-table td{
  border: none;
}

.friends#comments{
  height: 300px;
  overflow-y: scroll;
}

.profile .table-section{
  background: black;
  border: 7px white double;
}

.heading{
  background: transparent !important;
  text-align: center !important;
}

.profile-info{
  background: url(https://i.pinimg.com/564x/82/aa/1a/82aa1acfa9c16c0ebe6b48712a84e121.jpg) center;
  background-size: 430px;
  border: 7px white double;
  height: 150px;
  font-size: 0px;
}

nav .links a{
  text-shadow: none !important;
}

a, .friends a p{
  color: white !important;
}

a:hover, nav .top a:hover, footer a:hover, button:hover, .friends a p:hover{
  transition: 1s !important;
  color: darkred !important;
  text-transform: uppercase !important;
}

nav .links a:hover{
  color: black !important;
}

footer{
  background: black;
  border: 7px white double;
  color: #BD1100;
  text-transform: uppercase;
}

footer a{
  font-style: italic;
  text-transform: uppercase;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}
</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 91 comments ( View all | Add Comment )

Theo_idk	1764138823 I love it, using!! :D Report Comment
Nessa	1763864438 Im new to space hey and still figuring it out but I am using this :3 Report Comment
SP!DERM@N!!IRL	1763771357 Using tysm!! :3 Report Comment
saylor	1763306069 using Report Comment
Vampsake	1759942381 using !!! Report Comment
Sasha	1756156924 using Report Comment
cerys	1753295346 usingg Report Comment
aubrey	1752518230 using Report Comment
K1ttyKatSkullz/Forenzik	1750875343 Using! Report Comment
amiu.xp	1750670013 using ! Report Comment
Luna_00	1750131823 Using! Report Comment
Xenia	1749586983 Using this thankss! Report Comment
Fee	1749094159 Using!! Report Comment
☆x𝖆𝖑𝖊𝖝𝕬𝖌𝖔𝖓𝖞x☆	1748675772 using!! Report Comment
J4YLYNN1EZ	1747864523 uzing >_< Report Comment
alex!!击	1746831682 using!! Report Comment
xixi‼️	1745843310 using!! Report Comment
ray	1745288192 usin Report Comment
cerys	1745101542 using Report Comment
r o x x i e	1742651636 using Report Comment