cottagecore

Tags: cottagecore, green, cute

Description:

UPDATED LAYOUT!!!

extra info

includes a black & white image hovering effect
rounded pfp
banner
custom contact icons
cute pngs
scrolling friends & comments
leaf 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: #73a45e;
        --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://64.media.tumblr.com/54f8f2ac56a71691c4d6e5c7fe290e68/tumblr_o497ihrqnV1uuzayro1_r1_500.gif');
		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://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQh5ZwMEztEOY-Yu7F65fXjDP9kP3RLH9qdFu005vy4qlcUQIe-iArVOUpS&s=10");
        background-size: 50%;
        background-attachment: fixed;
        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://64.media.tumblr.com/3ab4eb77a97f66c66fe0165005bc7bab/cb4e7cbc7014eab1-76/s75x75_c1/d5360ab107bfd5f7cc60085d926ac59e8a23c39c.webp);
    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{color:#fff;
background: url(https://64.media.tumblr.com/d0e4f5bd7e30b7e350735d09ea2e936e/97df7fa0316e1ac0-e8/s540x810/fea567f1158b6a548173278ae15ae3b919ae8455.jpg);
background-position:bottom;
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-013-a.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://64.media.tumblr.com/ce2e86aa0021fd8f5277e883eeaf8340/b2dee8f17f3df1a3-64/s75x75_c1/9fab156dbb11475bc93517a6831b0b53868ab4e4.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://i.postimg.cc/NG3MHRwx/785a94f2.gif') !important;
background-repeat: repeat !important;
background-position: center !important;
background-size: 20% !important;
}


a:hover {
        
    color: #000!important;font-size:px!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;}


.profile-pic {
        border-radius: 500px;
        overflow: hidden;
filter: grayscale(35%);}

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

.contact {
  border-radius: 15px;
  background: url(https://media.giphy.com/media/HXkvcANgZaQW3NscJy/giphy.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://i.postimg.cc/D0qjx9T6/c28c1ba0-original.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/5t6shYJ6/11ffd079-original.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/qCzNCsH/book.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/vxV9bznf/IMG-1396.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/qCzNCsH/book.png")
    } 
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i1.glitter-graphics.org/pub/714/714141hdisa1rszo.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.postimg.cc/hGyHxRD7/b8205329-original.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i1.glitter-graphics.org/pub/714/714141hdisa1rszo.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: Kiwi Maru;
        color: #ae9090;         
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ae9090;
        font-weight: ;
        margin-bottom: 20px!important;
        margin-top: 0px!important;       
        text-align: center;
        line-height: 120px!important;
        background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHZDV_ZY6TqJipblNkrkwvBD5mMAgPy34sOQ0uSFxBEQ&s=10");
        background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;}
  


.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://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmI7Bbq50u4K9wyR4iqfln96Rw8MtEgwdTcnHjVAiQGJK5j_0r_qT50CQ8&s=10");
        background-size: 35%;
        background-position: top;
        border: 1px solid #888!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;} 
	
</style>



<style>
.friends .heading:after {
    content: url(https://caitsith.neocities.org/favicons/f1480441.gif); 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://caitsith.neocities.org/favicons/f785372.gif); 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://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/3ae2affa7ab94c7237e9a4531edded58/4affcc429197bb20-83/s75x75_c1/45957d2e27c8895ecfc2b83f3b3dc53df49c216d.gifv"/></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 103 comments ( View all | Add Comment )

Medvezh	1778244937 Usinggg!!! Report Comment
wedminShabash	1776095381 using Report Comment
Astel Ivory	1774928912 Usingg Report Comment
°`• evieecupcakes •`°	1774641698 Using Report Comment
misha	1774265152 USINGG Report Comment
Lirium	1774135461 Using! This is so cute <3 Report Comment
paulita ॐ	1773595330 hiii i love your layouts theyre so cute!!! would love a blue pastel one with kitties Report Comment
hertreehouse	1772332464 heyy using! Report Comment
prim :3	1772195312 using <3 Report Comment
flora777	1772069273 Cuteeeeeeee <3 Report Comment
Runi Kiuru 【vtuber】	1771272469 using! :3 Report Comment
𝜗ৎ𝓚𝓪𝓫𝓸𝓸𝓶‧₊˚♪ 𝄞₊˚⊹	1771114486 Using Report Comment
Gayle🦌	1770090704 using cuz this is adorable Report Comment
samcat125	1769897252 I like it but it's too bright and the font is too small for me. Report Comment
Anjelus	1769607119 usingggg Report Comment
L0cal._.W3ird0	1768807055 Using and I love it!! But I may change ever so often. If you see I changed it, feel free to delete my comment XP Report Comment
mocaracoles	1768251477 using!! absnailutely loved it!! Report Comment
𝒷𝓊𝑔 ೄྀ࿐ ˊˎ-	1768077715 using!!(:<3 Report Comment
Lynnbibi	1766677953 Using! Report Comment