cottagecore

Tags: cottagecore, green, cute

Description:

UPDATED LAYOUT!!!

extra info

includes a black & white image hovering effect
polaroid pfp
banner
custom contact icons
cute pngs
angels logo
scrolling friends & comments
butterfly snowflakes
optimal for mobile

🤍 leave me a comment if you like it or you're using it 🤍

you can modify it as you want but please don't post it in the layout page as yours
gimme some credit

also you can request ideas for a layout

Preview:

click on the image for a larger preview

Code:

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

<style>  
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@100;200;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Butterfly+Kids&display=swap');


:root {
        --logo-blue: #;
        --darker-blue: #AFE1AF;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: # ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}


.friends a p{
        font-size: 0px!important;
        font-family: ! important;        
        font-weight: 200;       
        letter-spacing: px!important; 
        color: #!important;} 


main:before { 
		width: 100%;
		height: 150px; /* CHANGE HEIGHT OF IMAGE */
		display: block;
		content: "";
		background-image: url('https://i.postimg.cc/6ptQN3bY/0436779e5429e12caf771b6ae50a287b.jpg');
		background-position: bottom;
		background-size: cover;}



.details-table tr:nth-child(1) td:first-child p { font-size:0; }
.details-table tr:nth-child(4) td:first-child p:before { content:""; font-size:.7rem; }
 
 
body {
        background: URL("https://mintartco.com.au/wp-content/uploads/2020/01/NATURE18-Trailing-Gumleaf-Sage-Swatch.png");
        background-size: 200px;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family:  times; color: #; letter-spacing: 1px; line-height: 9px;
        font-size: 9px;}


.profile-info {display: none!important;}
.url-info {display: none;}
.section h4{display: ;}
.blog-preview {display: ! important;}
.blurbs h4{display: ;}
.heading {display: ;}
footer{background: transparent;}
.table-section:last-child {display:  !important;}   
.friends .heading{display: ;}
.comment-replies{border: 0px solid white !important;}



.more, .url-info, .profile-info, .button,  .blurbs h4, .blurbs .heading, 
.contact .heading
{display: none;}   


.details-table td:first-child{display:  none!important;  }



.details-table {
 margin-top: -5px;}
.details-table td:first-child{display:  none!important;}  


.inner img{
border-radius: px;
filter: grayscale(35%);}


.icon, .award img {
    content: url(https://i.postimg.cc/CKW5Zmby/3313.gif);
    display: inline-block;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    color: rgba(0,0,0,0);}

table.comments-table td {direction: ;
  background-image: URL(""); }

table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px;} 


@keyframes hoverrainbow{
  from{filter:saturate(0%) hue-rotate(0deg);}
  to{filter:saturate(0%) hue-rotate(360deg);}
}

main img:hover {
  filter:saturate(0%);
  animation: 1s hoverrainbow infinite linear;
}



.comments-table td:first-child img, .profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}



.comment-replies{border: 0px solid white !important;}


table.comments-table {   
    direction: rtl;
    text-transform: lowercase!important;}


table.comments-table{
background: url(https://64.media.tumblr.com/d0e4f5bd7e30b7e350735d09ea2e936e/97df7fa0316e1ac0-e8/s540x810/fea567f1158b6a548173278ae15ae3b919ae8455.jpg);
border: 0px solid # !important;   
        border-radius: 0px !important;
background-size: 100%; background-color: #;
display: block;
height: 180px!important;
overflow-y: scroll;}


.friends:not(#comments){
    margin-bottom:px;
    background-image: url('https://wilardo.crd.co/assets/images/gallery22/0d584ac3.png?v=0a976b36');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;} 


.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 88px;
  width: ;
  background-image: url(https://d2bzx2vuetkzse.cloudfront.net/fit-in/0x450/images_without_background/12d5dafe-40ee-4a9f-849d-9e65c65b7027.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75px;}

.friends-grid {
    height: 140px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.profile .friends .person {
    position: relative;
}
.profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

.general-about { 
  background: transparent;
  border-radius: px;
  padding: 10px 10px 5px!important;
  margin-bottom: 10px;
  margin-top: 0px; 
  text-align: center;}


.heading {font-size: 0px! important;
        padding: px 0 !important;
        text-align: center;
        margin-top: px;
        margin-bottom: px;
        background-color:  !important;
        color: transparent!important;
        border-bottom: 0px dotted;}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

nav .top a, nav .links a, footer{text-shadow: 0px 0px 0px white;
    color: #fff!important; 
    font-weight:bold;
    font-family: times! important;    
    font-size: 10px! important;      
    letter-spacing: px!important;} 


nav .links{
        background-color: transparent !important;
        border: 10px solid black;
        border-image: url("https://foollovers.com/mat/baf/frill/fr32-015-d.gif") 9 fill round;
        font-family: ; ; 
        text-align: center;
        margin-bottom: 10px !important;}

footer .links li:not(:last-child)::after,nav .links li:not(:last-child)::after{content:url(https://mypillowfort.net/media/654.png)!important;padding-left:4px!important}


 
main{
    background-color: transparent!important;
    background-image: url('')!important;
    background-size: ;
    background-repeat: repeat;
   border: 9px solid;
   border-image: url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/9b9e0ed89a039867-11/s75x75_c1/90da82e9674eafbcc1f84f71303f353726a700b5.pnj") 8 fill round;
    width: px;
    height:px;
    overflow-y: ;
    margin: auto;}
    


.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 10px;
        padding: 10px;}

.details-table{
    background-image: url('');
    background-size: 100%;
    background-position: left;
    background-repeat: repeat-y;}

.details-table td:first-child p{font-family: ;
    font-color: !important; font-weight: 200; font-size: 20px!important; color: #!important; 
    text-align: center;
    border-radius: 15px;
    padding: 17px;
    -webkit-text-stroke-width: px;
    -webkit-text-stroke-color: ;}   

a:hover{
text-decoration-style: wavy !important;
background-color: # !important;
background-image: url('https://lh6.googleusercontent.com/proxy/q_f3UfS-p9RyXuTXki_TpiaqzqyuvzjM_0ZgWVskOjLbngPJVXzuKb6U_9ZZPQdoYMBpgyKYZeudkEdTnojlIVM97cJymB0Pxo39k_f29tGRKODsySTwQwlcDH7DOyCe1xvHKw') !important;
background-repeat: repeat !important;
background-position: center !important;
background-size: 100% !important;
}

.links a:hover{
background-color: # !important;
background-image: url('https://lh6.googleusercontent.com/proxy/q_f3UfS-p9RyXuTXki_TpiaqzqyuvzjM_0ZgWVskOjLbngPJVXzuKb6U_9ZZPQdoYMBpgyKYZeudkEdTnojlIVM97cJymB0Pxo39k_f29tGRKODsySTwQwlcDH7DOyCe1xvHKw') !important;
background-repeat: repeat !important;
background-position: center !important;}

a:hover {
        
    color: #000!important;font-size: 9px!important;}       
   
    a:visited{
        
    color: #AFE1AF;}


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block; 
  height: 30px;
  background-image: url(https://wilardo.crd.co/assets/images/gallery21/e1d6d85c.png?v=0a976b36);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}


.general-about, .mood{
  position: relative;
  margin-top: 5px;
  text-align: center;}


.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
filter: grayscale(35%);
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(deg);
}

.general-about .profile-pic:after {
content: "";
background: url('https://i.postimg.cc/xTtQ5HRd/55-559680-823-x-1024-8-aesthetic-polaroid-frame-png.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 204px;
filter: grayscale(35%);}

.mood {margin-top: 40px!important;}

.contact {
  border-radius: 15px;
  background: url(https://64.media.tumblr.com/dce84917610a5847331f221922efe115/tumblr_pbgub8He2O1r9ndy3o1_500.gif);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
  width: px;
  height: px;}

.contact .inner a img {margin-right: -4px;
        font-size: 0;}
    

.contact .inner a{
 
        letter-spacing: px; 
        color: #fff !important; 
        font-weight: bold;      
        font-size: 18px!important;
        font-family: butterfly kids;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/Y9k8zZPf/cee13457-original.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://mypillowfort.net/media5/tumblr_26e6b3c7895b635680200a7ab08d26c3_176fac41_75.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://mypillowfort.net/media5/tumblr_26e6b3c7895b635680200a7ab08d26c3_176fac41_75.gif")
    } 
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.postimg.cc/yNGFf5D3/1cf618ac-original.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.postimg.cc/yNGFf5D3/1cf618ac-original.gif")
    } 



b { 
  color:#;
  font-family: butterfly kids;
  letter-spacing: px;
  font-size: 15px; font-weight: bold;
-webkit-text-stroke-width: px;
  -webkit-text-stroke-color: #;}


        
h1 {
font-size: 33px!important;
        font-family: times;
        color: #ECFFDC;         
        text-transform: !important; 
        font-weight: bold;
        letter-spacing: -1px;
        -webkit-text-stroke-width: 0.7px;
        -webkit-text-stroke-color: #000;
        font-weight: ;
        margin-bottom: 10px!important;
        margin-top: 0px!important;       
        text-align: center;
        line-height: 120px!important;
        background-image: url("https://d2bzx2vuetkzse.cloudfront.net/fit-in/0x450/unshoppable_producs/3910de4f-c8af-402e-bc77-7e4504b3a227.png");
        background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://64.media.tumblr.com/a071fafb2bc530f53f7f1a36c4795dec/f2e78c89ead0b956-99/s1280x1920/0c8fb217fa7f25a9fc61b07e7b9aea071ee25f31.png");background-position: center;}
  


.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif');margin-right: -50px;
}  


.search-wrapper input[type=text] {
        font-family: kiwi maru;
        color: black;
        background-color: #;
        background-image: url("https://garden.spoonflower.com/c/11550282/p/f/m/BuZ1fJPvlXe3Nbhw5kHFjSZD_01X2LyxK5RkRLA4OSr5syJ2PGdIlRaydQ/Small%20Sage%20Gingham%20Spring%20Cottagecore%20Green%20Plaid%20Check%20.jpg");
        background-size: 35px;
        background-position: top;
        border: 1px solid #000!important;
        border-radius: 10px !important;
        font-size: 12px;
        
    }
    
    button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: kiwi maru;
        font-size: 10px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.count{color: #097969; font-family: ; font-size: 14px;
 font-weight: 00;} 

.top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://64.media.tumblr.com/b09f80e643de67d3c625527b00329dd4/tumblr_pnprm3NCZl1tpw865_1280.png);
    height: 80px; 
    width: 160px;
    display: inline-block;} 
	
</style>



<style>
.friends .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery20/eb4f7cf2.png?v=0a976b36); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:12px; font-family: kiwi maru; font-weight:200; color: #000;}


.friends#comments .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery20/18e22d64.png?v=0a976b36); margin-left: 3px;}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comment something" url(); font-weight:200 ; font-size:12px; font-family: kiwi maru; color: #000;}


.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.0rem;margin-left:5px; }
.blog-preview h4:before{ content: "my blogs"; font-size:18px;font-family: kiwi maru; color: #000; font-weight: 200; background-color: #;}

.blog-preview h4:after{
    content: url(https://99gifshop.neocities.org/items/5/anibutterfly2.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://wilardo.crd.co/assets/images/gallery27/d8121877.png?v=0a976b36) !important;}
</style>


<div class="snowflakes">
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>


<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif" alt="about me"/>
<br/><br/><div style="text-align: center;"> 
here goes your about me!</div>

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

gabi ࣪⟡	1748605622 using!! Report Comment
C4tb0y0	1748285107 using Report Comment
EM	1748228752 using!^_^ Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂chuu	1747981031 Using!! Report Comment
oro	1747627279 using!! Report Comment
Winnie	1747419434 using! Report Comment
NEO 💯	1747013062 usandooo Report Comment
whiteCrow	1747000996 Usingg Report Comment
idk	1746182173 using! Report Comment
car <3	1745413825 using <3 Report Comment hiii, yours look so pretty but mine has that black and pink strapped background and it's just not it :( i can't find the part of the code that to delete it, can you help me? by 𝄞oso; 1745874135; Report
𐔌 ྀི ݂۫ ॱֺּׅ𓏽 𝒩ini𓈒ּུ𓂃༷𓂂ּׅ۟🎶	1744330127 using! Report Comment
ava ♪	1744068317 using <3 Report Comment
Oskaa	1743182903 using Report Comment
Gabs ׅ 🌻!	1743099922 usingg Report Comment
Gabs ׅ 🌻!	1743099922 usingg Report Comment
Oliver. ♱	1741914709 using !!!!!!! Report Comment
luna (☉｡☉)!	1741634601 using some of the parts of the layout ^^ ( if that's ok ) Report Comment
indigold	1741572753 using :3 Report Comment
oddlythomas	1739783332 Using <3 Report Comment
🦴,, 𓄧 nat	1739736175 USING Report Comment