Dark Forest Layout [Requested]

Tags: layout, layouts, forest, dark, black, green, simple

Description:

Hello Everyone!
I hope you like this layout I created!
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=31363) -->

<style>/* Cursor & Scrollbar */
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur425.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #000;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #236d56;
		border-radius: 10px;
		border: 3px solid #236d56;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #236d56;
        --darker-blue: #236d56;
        --lighter-blue: #236d56;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #236d56;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://images2.imgbox.com/26/3f/28VlzwZ8_o.jpg");
background-position: left;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;}
     
    .profile {background-color: #000; opacity: 0.75; color: #fff;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0,0.75) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(35,109,86) !important;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #ffffff !important;}
	
    footer .links a:hover{color: #ffffff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #236d56;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #fff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #fff;}
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/impact');
	.profile .left h1{ font-family: 'Impact', sans-serif; font-size: 45px; color: #236d56; text-align: center; overflow-wrap: break-word;
}
</style>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 15px;}
	.profile-pic {border-radius: 500px; overflow: hidden;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px;
		display: block;
		margin-left: auto;
		margin-right: auto;
    }
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #236d56 !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #236d56; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #000 !important;}
.details-table td:first-child {color: #236d56 !important;}
</style>

<style>/* Blog Info */
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #236d56;
font-weight: bolder;
    }
	
    .blog-preview p a{color: #fff !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #fff !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #236d56;}
    .profile .friends .person p{color: #fff !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(35, 109, 86, 0.71);
        border: 2px solid rgba(255, 255, 255, 1);
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #000 !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Follow Me"; font-size:.9rem; font-weight: bolder; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My New Blogs"; font-size:.9rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Life"; font-size:.9rem; font-weight: bolder; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.9rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.9rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "The Friends"; font-size:.9rem; font-weight: bolder;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment"; font-size:.9rem; font-weight: bolder;}
</style>


About me text goes here.

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

Loser	1731361894 using!!!!!!!!!!!! Report Comment
callummm	1729801052 using!!! Report Comment
PeelTheDead	1728876556 will be using this, thank you so much--this is the only premade layout i could find on here that matches my desired vibe! Report Comment
SAVEME	1725498500 usinggg Report Comment
noah !!	1724551097 using X3 Report Comment
David	1722500885 using! Report Comment
Phoenix :p	1721880098 using! Report Comment
Silenia	1718654433 usingg Report Comment
eddie	1718167271 using ! Report Comment
Ok chat profile is uc	1717791915 Using !! Report Comment
EJ 🦴️	1717714753 beautiful layout!!!! using! Report Comment
Boldiegg	1716824789 using Report Comment
Boldiegg	1716824753 using Report Comment
⊹٭„¸ 𝕷𝖎𝖘𝖍𝖆¸„٭⊹	1716149402 Using!Also I have a question, do you do requests?If not that’s okay. Report Comment
лиц..)	1715530631 using! Report Comment Thank you! by Jody Marie ♡; 1715600703; Report
Alesamez	1714541948 Using!! Report Comment Thank you! by Jody Marie ♡; 1714563792; Report Excuse me, I have a question. I really want to use this code for one of my blogs, you know, to keep the same aesthetic on my profile and on the blogs, but there are some letters that you can't see because they come out black, and I really don't know how to fix it, do you? could you please help me? by Alesamez; 1714973445; Report
Janae	1714533401 using thank you:) Report Comment You're welcome! Thank you! by Jody Marie ♡; 1714563773; Report
Bill	1713993668 using!! Report Comment Thank you! by Jody Marie ♡; 1714238988; Report
nico	1712515611 using! thanks for making this. Report Comment You're welcome! Thank you! by Jody Marie ♡; 1714238979; Report
Kay	1710949322 using! Report Comment Thank you! by Jody Marie ♡; 1714238963; Report