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

H3110 OSSY	1732495923 using <3 Report Comment
Indigo🎸🎧	1732407468 Using Report Comment
Asher \ vomi (profile wip) ☆ $Asher \ vomi (profile wip...'s profile picture$	1732328702 Using ^_^ Report Comment
XXGOLDENXX_	1729375904 Using:3 Report Comment
Pearl (Haruka's Beloved)	1727024532 usingg Report Comment
⛤Katy⛤	1724363197 using ! Report Comment
꩜ .ᐟhannahᯓ★	1724295770 using Report Comment
꩜ .ᐟhannahᯓ★	1724295770 using Report Comment
Sirius	1723702834 using!! (OvO)/ Report Comment
chibbiiyo	1719806767 using! Report Comment
🦇Ariu	1719527749 usingg :3 Report Comment
usia	1711319194 using !! Report Comment
wybie	1709237377 using :> Report Comment
D3AD PERS0N	1708437923 Using!! Report Comment
Noel	1706328123 using just the background, not sure if you want credit for that Report Comment
Macarrón	1705904150 Using!! Report Comment
salva ☆	1705836266 Using !! Report Comment
sunhara	1705682871 USING!! Report Comment
corgi	1705439901 Using !! (⁠ㆁ⁠ω⁠ㆁ⁠) Report Comment
pag	1705425236 usin Report Comment