＊✿❀cottage cwhore❀✿＊

Tags: cottage core, green, flower, yellow, lofi, pink, aesthetic, cute, kawaii

Description:

this layout is a cottage/fairy inspired one because i havent seen too many on here! if there are any problems contact me here or on my main account @atsukibear <33

Preview:

click on the image for a larger preview

Code:

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


<style>
/* website background */
body { 
background-image: url(https://cdn.discordapp.com/attachments/894273813255192636/955436463611338784/flower.gif) !important;

        background-repeat: no-repeat !important;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}
</style>

<a class="two" href="https://layouts.spacehey.com/bugtest" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 200px; height: 200px;">by bug</div></a>

<style>
/* this is the color of any text that you input */ 
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300&display=swap');
.profile .blurbs .section h4{
font-family: 'Source Serif Pro', serif;
text-transform:lowercase !important;
color: white;
}
</style>

<style> 
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap');
p{
font-family: 'Source Serif Pro', serif;
text-transform:lowercase !important;
color:#9e6957;
}
</style>

<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap');
h1{
font-size: 30px !important;
font-family: 'Source Serif Pro', serif;
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 

<style> 
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#93b381, #93b381);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap');
h4{
font-size: 16px !important;
font-family: 'Source Serif Pro', serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#5d7341, #7d9c59);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Source Serif Pro', serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
/* the color of the number of your friends */
    .count {
        color: #5d7341;
    }
</style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: white; 
   } 
   a{
     color: #5d7341; 
   }
</style>


<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(229, 202, 134, 0.8);
border-radius:15px;
border: 2px dotted rgba(98, 144, 99, 0.67);
}
</style>

<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(229, 202, 134, 0.4);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(98, 144, 99, 0.67);
}
</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #5d7341;  
}
.profile .friends .person p:hover {
color: #f2dab6;  
}
</style>

<style> 
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Source Serif Pro', serif;
background-color:rgba(229, 202, 134, 0.4);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 5px dotted rgba(98, 144, 99, 0.67);
}
</style>

<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(36, 63, 36, 0.67);
border: 3px dotted rgba(96, 140, 97, 0.67);
}
</style>


<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color:rgba(36, 63, 36, 0.67);
}
</style>

<style>
/* contacting "_" */
.profile .contact {
background-color:rgba(36, 63, 36, 0.4);
}
</style>

<style>
/* friend comments */
.profile .friends .comments-table td {
background-color:rgba(36, 63, 36, 0.67);
border: 1px solid rgba(96, 140, 97, 0.67);  
}
.comments-table td*{
    
    
}
</style>


<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(112, 133, 112, 0.67);
}
</style>

<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(47, 88, 48, 0.67);
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "❀";
}
</style>

<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</style>

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
/* gif profile picture */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://cdn.discordapp.com/attachments/894273813255192636/955462093497307176/Aesthetic_shit.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed  rgba(96, 140, 97, 0.67);  
  box-shadow: 1px 0px 10px 2px rgba(36, 63, 36, 0.67);
 }   
</style>


<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}    
</style>


<style>
/* pink dashed borders */
.profile .url-info {
border: 2px dashed  rgba(96, 140, 97, 0.67);    
}
.profile .contact {
border: 2px dashed  rgba(96, 140, 97, 0.67);     
}
.profile .table-section {
border: 2px dashed  rgba(96, 140, 97, 0.67);     
}

</style>

<style>
/* border inside of comments */
table.comments-table {
border: 2px dashed rgba(96, 140, 97, 0.67);      
}    
</style>

<style>

/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(5%) hue-rotate(45deg) brightness(101%) contrast(100%); !important;}

</style>

<style>
/* 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: "ꕥ"
}   
</style>

<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(96, 140, 97, 0.67);
  }    
</style>
<style>

.online{content:url(https://cdn.discordapp.com/attachments/894273813255192636/955464186366951444/huskie.gif);
    width: 70px;
    height: 43px;
}
</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 14 of 14 comments ( View all | Add Comment )

adamheartshaped	1706089384 TY !!! Using ;3 Report Comment
𝓭𝓲<3	1696447427 USING! Report Comment
test	1691778553 so cute (⁠●⁠♡⁠∀⁠♡⁠), using!! :> Report Comment
cannyAnalyst	1679093492 omg I love it Report Comment
kazoosniffer	1678227878 cutee Report Comment
Ashetbhbb	1675322799 Thank you ! I love it. Report Comment
Gaby! 𓆩♡𓆪	1675169388 omg using!!<3 Report Comment
Snack_gremlin	1656105870 Your layout is beautiful! Report Comment
𝓒 .	1653862220 luv this xx Report Comment
♡ cole	1653143779 i tried to replace the pfp link with a tenor gif but it wont show up can pls help? Report Comment
Egg	1648634589 How do I get rid of the gif for my original PFP?? I love this setup so much but I wanna have my own PFP :,((( Report Comment try just deleting the gif pfp part of the code by keira; 1648978838; Report replace the link to the gif with the link of whatever pfp u want by bug tester; 1649948334; Report
Alexa	1648101577 Super cute! 🌼🌻🌷🌸🌱🪵🪺🧺🫖🍵 Report Comment thank u sm!! by bug tester; 1649948361; Report
𝐾𝑜𝑟𝑎𝑖☽	1648008356 this is so cute! Report Comment thank u! by bug tester; 1649948347; Report
ᛕᗴᑎᑎᗩ	1647910137 I love it thanks! Report Comment ofc! by bug tester; 1647915487; Report

Layout published by bug tester

*＊✿❀cottage cwhore❀✿＊*

Description:

Preview:

Code:

Comments

＊✿❀cottage cwhore❀✿＊