simple scene

Tags: emo, scene

Description:

just a simple scene layout i made. i think its scene at least... its not too crazy but it still has that emo flavor in it. i like how it turned out. the theme is clear!! i tried to get an un watermarked photo for the background that now has spider webs (it was originally gonna be more skulls) but i didnt find any i liked without a water mark and i searched for a LONG time so... enjoy!! test here. i added the template for an autoplay song at the top of the layout. just put the end of the url there. like put whats after youtube.com/watch?v= in that space

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=23251) -->

<iframe width="448" height="252" src="https://www.youtube.com/embed/yourURLlettershere?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');
  
body {
    background-color: black;
  background-image:url(https://i.pinimg.com/736x/6c/63/39/6c6339aabfbf2b5a6e2239bef1989290--cellphone-wallpapers-phone-backgrounds.jpg);
background-attachment:scroll; 
background-size: 60%; 
background-repeat: repeat;
}
main {
    background: black;
background-image:url(https://emowallpaper.files.wordpress.com/2010/11/emo-background.jpg);
    color: white;
  border: 10px solid black;
  border-top: none;
}

nav .top {
    background: url(https://external-media.spacehey.net/media/s0iLBmCnl5Dyx-ch6wxxl9yeVa4joGBsAmjwenGt_ecw=/https:/wallpapercave.com/wp/wp2579195.jpg);
  display: flex!important;
    opacity: 1!important;
    border: 4px solid black;
    border-left: 32px solid black;
    border-radius: 24px 24px 0 0;
    border-bottom: none;
  background-position: bottom;
}
  .count{
color: #FF379B;
}
  
nav .links {
        color: white;
    background: linear-gradient(black, dimgrey);
    font-family: courier new;
    text-transform: lowercase;
}
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
    text-shadow: none;
}
.search-wrapper input, button {
   background: #454545;
   color: white;
}
button:hover, a:hover {
   cursor: pointer;
}
.edit-info {
   background: transparent;
   border: 0;
}
.online{
background-color: transparent;
content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
}
.online img{
display: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    opacity: 1!important;
    border: 2px solid dimgrey;
    border-radius: 0px;
    background-color: black;
  color: #FF379B;
  font-family:courier new;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    color: white;
background: linear-gradient(black, dimgrey);
}
  .profile h1 {
    font-family: courier new, cursive;
    color: white;
   background: linear-gradient(black, dimgrey);
  padding:4px;
  font-size: 20px;
  }
  .profile .general-about {
    background-color: black;
  background-image: url(https://data.whicdn.com/images/350547422/original.gif);
    border-style: solid;
    border-width: 2px;
    border-color: dimgrey;
    border-radius: 0px;
    padding: 0.5em;
    font-family: courier new !important;
    height: 180px;
  }
  
  .profile .profile-info {
    background-color: black;
    border-radius: 0px;
    font-family: courier new !important;
    border-style: solid;
    border-width: 2px;
    border-color: dimgrey;
    background: linear-gradient(black, dimgrey);
  }
  .profile .mood {
 color: #FF379B; 
}
  .profile .blurbs, .profile .friends {
    border-style: solid;
    border-width: 2px;
    border-color: dimgrey;
    background-color: black;
    border-radius: 0px;
    font-family: courier new !important;
  }
  
 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: #FF379B;
    font-family: courier new !important;
  }
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 0.5em 0em 0.5em 0em;
    font-family: courier new !important;
  }
  
  .comments-table {
    display: block;
    outline: none !important;
    font-family: courier new !important;
  border:dimgrey;
}
  .comment-reply {
    padding: 5px 3px;
  border: 4px #FF379B solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: dimgrey 1px solid;
  }
  
.contact {
  background-image: url(https://i.pinimg.com/originals/60/09/df/6009df6fb6e1d916feb7b73fc3cd583c.jpg);
  padding: 0px!important;
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: black;
    background-size: 62%;
    background-repeat: no-repeat;
    height: 120px;
  overflow:hidden;
  } 
  
  .contact a{
   font-family: 'Cedarville Cursive', cursive
!important;
  }
  
.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "♡"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "♡"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "♡"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "♡"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "♡"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "✀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "♡"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "✀"
} 
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: #FF379B;
}
.details-table td:not(td:first-child) {
    color: #FF379B;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: linear-gradient(black, dimgrey);
    font-family: courier new;
    text-transform: lowercase;
    color:white;
  }
  
  table.details-table {
    background-color: black;
  background-image: url(https://data.whicdn.com/images/350547422/original.gif);
  background-repeat: repeat;
}
  
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: black;
}
.comments-table td, .music-table td {
    color: white;
}
.comments-table td:first-child a, .music-table td:first-child a {
    color: #FF379B;
}
footer {
    background-image: url(https://t3.ftcdn.net/jpg/01/29/05/60/360_F_129056060_uIOMK62942CHO29wSVkOVfjf9BBrTOeD.jpg);
  background-size: 90%;
  color:white;
}
  
  a{
color: white;
text-shadow: 0px 0px 5px #FF379B;
}

a:visited {
color: white;
  text-shadow: 0px 0px 5px #FF379B;
}
a:hover {
color: #FF379B;
  text-shadow: 0px 0px 5px #FF379B;
}

a:active {
  color: white;
}

nav .links a:hover{
color: 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 26 comments ( View all | Add Comment )

AkashaBlood	1740534469 OMG just what I wanted thank youuuuu emo girl Report Comment
ɴoel★	1738893786 using modified!! Report Comment
alice INC	1736827081 Using it heh Report Comment
𝕮✮𝖗𝖙𝖎𝖋𝖎✮𝖉 𝖑𝖔𝖘✮𝖗	1736130863 Usinggg <3 tho i did change it a little Report Comment
kaiifromnowhere	1730385585 Using~ Report Comment
xX.gruesome_gwen.Xx	1726532776 heyyy!! I'm using, but does anyone know how to add a YouTube video to it?? I cant figure out how to :/ Report Comment
SKITTLEZ X3	1724078868 using !!! <3 Report Comment
kitty	1722108989 using :3 Report Comment
iris!	1719600933 using Report Comment
kill	1704436208 Using! Report Comment
EVAN XP	1701401129 USING X3 Report Comment
xXd0ntGetAfr4id_.Yuki1Xx	1691810649 USINGGG Report Comment
☣︎kyle	1684799441 using!!! Report Comment
𖤐♰kira♰𖤐	1683946189 using !! thx <3 Report Comment
x_emokittenbabe_x	1683760265 using thxxxxx Report Comment
lesik <3 ↟	1674742236 i luv it (⁠๑⁠♡⁠⌓⁠♡⁠๑⁠) Report Comment
RÁSCAΛ	1674314756 Using some of the code from this =P Report Comment
Xx_TearsOfAshes_xX	1670380640 This is so kool! Using it :) Report Comment
☆Pigeon!	1669686971 using! Report Comment
ghost matt on third	1668923221 using! :D Report Comment