Dark Forest Full Layout

Tags: fairy grunge, fairy, dark, morbid, forest, nature, witch, goth, creepy, goblincore

Description:

There's lots of different things added to this that you can take out/add to etc.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by PumpkinGutz (https://layouts.spacehey.com/layout?id=83497) -->

<iframe width="1" height="1" src="https://www.youtube.com/embed/9z9sBiFcf6c//?&;amp;;autoplay=1&;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="">
</iframe>
<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.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 Profile */
	content: "🖤"
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://cdn.discordapp.com/attachments/1135706097534128138/1149480478836011038/20230907_180406.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
    main{
    background-image: url('https://cdn.discordapp.com/attachments/1135706097534128138/1136403494530723890/20230802_170058.gif') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: cover !important;
    background-opacity: 80%;
    margin: 0px 15px 15px 15px !important;
    margin-color: white;
    }
</style>

<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</style>
<style>

    body{
        
    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;
    background-attachment: fixed !important;
    
    background-position: center !important;      
    background-size: 1800px;  
    }


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>
<style>
             ::-webkit-scrollbar {
    width: 1px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(165, 202, 144, 1);
    }

    ::-webkit-scrollbar-track {
    background: rgba(233, 208, 191, 1);
    }
</style>
<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>
<style>
    .contact .heading, .table-section .heading, .blog-preview h4, .blurbs .heading, .friends .heading{
        
    background-color: rgba(82, 69, 58, 1) !important;

    }
</style>
<style>
    .profile-info{
        
    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;       
    }
</style>
<style>
li.active .icon { 
    content:url('https://cdn.discordapp.com/attachments/1135706097534128138/1136285485296275486/iap_300x300.4021761286_5ayqn8vl-removebg-preview.png'); 
    width: 31px;
    height: 25px;
    }

</style>
<style>
    .blurbs, .friends-grid, .contact{
        
    background-color: rgba(205, 158, 76, 0.2);
    border-radius: 12px 12px 12px 12px;

    }
</style>

<style>

.table-section td{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/1200px-HD_transparent_picture.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
h4{
color: white;
}
.table-section, .url-info, .contact{
border: transparent !important;
}
   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color: white !important;

 }
 table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color: white !important;

 }

   .whitetext12, .orangetext15 {

  color: white !important;

 }
h4{
color: white !important;
}
.top{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
.links{
background-color: rgba(82, 69, 58, 0.5) !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
footer{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
}
</style>

<style>* {cursor: url(https://o.remove.bg/downloads/784edfd2-2198-44ce-8ee0-f7a0bd3cdf7e/Screenshot_2023-08-29_at_1.30.43_PM-removebg-preview.png) </style>

<style>
    .comments-table td
        
    background-image: url('https://i.pinimg.com/564x/24/96/4c/24964c4776d90a54613d61067ee2645d.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
        </style>

<style>
     :root {
        --logo-blue: #;
        --darker-blue: #4D4C3C;
        --lighter-blue: #4D4C3C ;
        --even-lighter-blue: #;
        --lightest-blue: #4D4C3C ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #4D4C3C;
}</style>

<style>
.logo {
  
  content:url("https://cdn.discordapp.com/attachments/1135706097534128138/1143006992219250688/markup_1000004054.png")
}

</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 16 of 16 comments ( View all | Add Comment )

Neth	1711350638 using Report Comment
♱𝕽𝖍𝖊𝖆♱	1705265059 Using Report Comment
♡NATHAN♡	1704759949 using Report Comment
･ﾟ☾ Wallace ✧	1703631822 i'll make use of this, thank you. Report Comment
Francis4everr	1702737642 Using 🐈 Report Comment
˗ˋEGGS´ˎ	1702084957 using Report Comment
mono	1702002475 using ^^ Report Comment
XVIIVee	1701817968 Using ^^ Report Comment
VANJA !! X3	1700743339 using :3 Report Comment
vaughn⟡	1699753808 using ! Report Comment using!!! by EM; 1700643920; Report
Ih8lyf	1699294405 Using!! Report Comment
Mary Shelley	1699149858 beautiful. using & credited <3 Report Comment
Matt!!	1698100399 Using!! Report Comment
cal/cecil	1698025484 using!!? Report Comment
JibbyJabber	1697950000 using omgg Report Comment
~{THE TOBSTER}~	1697871371 using Report Comment