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

Vicky	1714533243 Using!! :3 Report Comment
usia	1711319194 using !! Report Comment
𝘕✮𝘤𝘦⋆.˚	1710799614 Using Report Comment
wybie :3	1709237377 using :> Report Comment
Len	1708975702 usingg 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
vamp0ierr	1705682871 USING!! Report Comment
rynxyz	1705439901 Using !! (⁠ㆁ⁠ω⁠ㆁ⁠) Report Comment
pag	1705425236 usin Report Comment
📺VOX💙	1704989195 using ;) Report Comment
sophie	1703968122 using!! Report Comment
ghost	1702849647 usinggggg! Report Comment
✩_m1k3y_✩ (on break again dont unfollow)	1702778520 using :3 Report Comment
WARABI ✩	1702491591 using!!! Report Comment
valen	1702322951 using:3 Report Comment
𝑲.K🇲🇽🎸	1702139126 Using :) Report Comment