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 17 of 17 comments ( View all | Add 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
爪丨丂卄卂	1674314756 Using some of the code from this =P Report Comment
Xx_yelikiller_xX	1670380640 This is so kool! Using it :) Report Comment
☆Pigeon!	1669686971 using! Report Comment
tom ★	1668923221 using! :D Report Comment
Envircy⛧ !	1657315707 How the hell do you change the link for the YouTube video?️ Report Comment You should just have to erase and or replace it, once you paste it in your profile, you can't edit it here but in your about me you can. by Magnolia Fae Rose; 1657329571; Report go to the youtube video you want to embed and then click share then click the icon with the then copy and paste it to where the youtube link was by x.{finn}.x; 1657555025; Report
y0h4n3939x	1656862577 I'm gonna use it !! Report Comment
Bobbi swagg	1656657569 using!! Report Comment
M4GG0T M3NT4L	1656622343 usinggg Report Comment
xstxphx	1655441669 Im kinda using the codes but changing it a little btw its a cool layout ily Report Comment the way you changed it looks very nice, good job by x.{finn}.x; 1655490487; Report
traitbug	1655087169 using!! love this alot Report Comment aww shucks of corn! i feel good at css now!! however i just realized i made a mistake. if you hover over the contact links it changes to courier new font!! but i just fixed it so you might wanna copy and paste it again. if you dont mind you dont have to tho by x.{finn}.x; 1655088292; Report