🌱cottagecore/Fairycore/Goblincore Layout🍄

Tags: cottagecore, layout, fairycore, goblincore, green

Description:

please credit me if you use this thank you<3 please don't delete the part that says I made it!

if there's any problems with my layout please tell me in the comments or message me

if you need help editing anything or putting the playlist there I will help <3

(if you see somebody posting this layout and it isn't me/someone using this layout without credit please tell me)

Preview:

click on the image for a larger preview

Code:

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

<style>
    p.online {font-size: 0px;}
p.online::after{content: "🍄I'M ONLINE!!!";
color: #ffffff;
font-size: 10px;}
    </style>

<style>
    body {
        background:url(https://i.pinimg.com/236x/c9/f1/f8/c9f1f8fa6ba5e42f42cd8af2d9aa9150.jpg);
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/236x/af/3a/8e/af3a8e11a02b262cc78b5fa8ce1da151.jpg);
color:#ffffff;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#173200; 
background:#366c07;
}

/* contact icons */
.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 favorite */
content: "🦋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🐌"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🐝"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🍂"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/236x/96/d4/fe/96d4fed51c96aba1ed39e15023c639c7.jpg);
color:#8af888; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://i.pinimg.com/236x/96/d4/fe/96d4fed51c96aba1ed39e15023c639c7.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:white;
--darker-blue:white;
--lighter-blue:#012b01;
--even-lighter-blue:#012b01;
--lightest-blue:#8af888;
--dark-orange:#8af888;
--light-orange:#012b01;
--even-lighter-orange:#8af888;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
layout made by !!𖤐Sleepy_Gh0st𖤐!!ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
-
Put your about me information here!
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
<h4>My Playlist(s):</h4>
Put Embed Spotify playlist Here
(If you don't understand how to do this just comment under my post you got this from and I will help you!)
</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!~.˚𖤐🌱"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "The Comments!!~.˚𖤐🌱"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!~.˚𖤐🌱"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!~.˚𖤐🌱"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!~.˚𖤐🌱"; font-size:.8rem; font-weight:bold; 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 62 comments ( View all | Add Comment )

ClownKid	1777267820 USING Report Comment
𝖊𝖑𝖋𝖑𝖎𝖓𝖌	1775599488 using! :p Report Comment
⋆｡˚ᘔᗩᑎKᗩ’ᔕᒪOᐯᒪEYᗩᔕᔕIᔕTᗩFF⋆｡˚	1772314035 USINGG!!! Report Comment
Eva	1766484866 using the online part, but with a emojy Report Comment
3ver_crescent	1763258572 Using:) Report Comment
M4RI0NETTE	1763022501 Using!! I'm making some edits— do you happen to know what colour codes I need to change out that really pale green the white text for 'general', 'music', etc. goes over as a background? It hurts my eyes and I i can't read the text very well, so I want to change it lol. Report Comment
Genera🏳️‍🌈	1758264731 Using! Report Comment
Brown	1757929021 Usingggggggg Report Comment
curley's #0.5 fan	1757190090 using!! Report Comment
PinguPengu	1754200835 Using! thankyouu! Report Comment
🦷👁️⭐Samael🍂🍄🍁	1748390589 Using!!! (⁠≧⁠▽⁠≦⁠) Report Comment
Liv-lils2512✨	1744061299 usando✨ Report Comment
Lil trash goblin	1743344610 This is super pretty! Using it, thanks for making! Report Comment
ᯓ★┊Blossom! •꒰🌈꒱•	1742646137 using! Report Comment
ᯓ★┊Blossom! •꒰🌈꒱•	1742646124 using! Report Comment
Lina	1741029177 Using!<3 Report Comment
Lina	1741029172 Using!<3 Report Comment
𝕴𝖗𝖎𝖘𝖘 ⊹ ࣪ ˖	1738593805 using! Report Comment
Aelita	1736275097 Using! Report Comment
★. — TOBY / ALEX ─ .✦	1733095963 Using!! :3 Report Comment