Simple Cottagecore Layout

Tags: cottagecore, green, flowers, bela

Description:

If you have any questions, please comment below or go to my blog here.

Background Image Credits —

    ⇘ Navigation Banner: https://i.pinimg.com/564x/ba/f4/36/baf4364d612b546bba2b884e3512f7ce.jpg

    ⇘ .mood Background: https://i.pinimg.com/originals/a3/33/a4/a333a4c61f880d10aa65b2f3ec4b5e74.png

    ⇘ .online Code: https://64.media.tumblr.com/84082de7f19bf16427ab10fd539a702a/42575e23ad30bc85-f1/s75x75_c1/983da7a2681142aa4fa9fecb3ad979b7966c6ec7.gifv

    ⇘ HR code: https://64.media.tumblr.com/9d77c66d7e0f2afd7876770fd0b35196/tumblr_inline_n37h1xqbR61qhwjx8.gif

    ⇘ Contact Images: https://engrampixel.tumblr.com/tagged/flowers

    ⇘ Interest Table Background: https://preview.redd.it/1y0oklhuxji81.jpg?width=640&crop=smart&auto=webp&s=952b98ad513174e597ec80ca01c8cd89679d041c

    ⇘ Friends Background: https://64.media.tumblr.com/d61b3f1544fb7c05b9f755a83febd13d/tumblr_inline_n37h2gi7pI1qhwjx8.gif

    ⇘ Profile Info Background: https://i.imgur.com/3GYGeJK.png

⇘ Layout Preview:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Bela 🔊⬆ (https://layouts.spacehey.com/layout?id=23395) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');
</style>

<style>
/* DON'T DELETE THE MOBILE CODE */
@media (max-width: 600px) {
.container{
    width:100%!important;
    background-size: 50%!important;
    padding:20px!important;
}
nav:after{
    height: 150px!important;
}
}
</style>

<style>
.container{
    width: 70%;
    background-image: url('https://i.imgur.com/44J75wQ.png'), url('https://i.imgur.com/HniwsYk.png');
    background-size: 30%;
    background-repeat: repeat-y;
    background-position: top left, top right;
    padding: 40px;
}
body{
    background-color: white;
}
main, nav .top, nav .links, footer {
  background-color: transparent!important;
}
nav:after{
    background-image: url('https://i.pinimg.com/564x/ba/f4/36/baf4364d612b546bba2b884e3512f7ce.jpg');
    height:250px;
    width:100%;
    display: block;
    content: "";
    background-size: 100%100%;
    background-repeat: no-repeat;
    border-radius:5px;
}
nav .links{
    text-align: center;
}
nav .links a{text-shadow:none;
}
nav .links a{text-shadow:none;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ☙ ";
    color: black;
    font-weight: bold;
}
footer{
    margin-top:0px;
}
a, nav label{
    color:black!important;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
    font-size: 12px!important;
}
p, b, .count{
    color: black!important;
    font-family: 'Kiwi Maru', serif!important;
    font-size: 12px;
}
h1{
    color: black;
    background-color: #CFDFCD!important;
    border-bottom: 5px solid #8BBFA2;
    border-right: 5px solid #8BBFA2;
    border-radius: 15px;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    font-size: 18px!important;
    letter-spacing: 2px;
}
h2, h3, h4{
    color: black!important;
    font-family: 'Kiwi Maru', serif;
    font-size: 13px!important;
    letter-spacing: 1px;
}
.icon:not(.contact .inner a img){
    font-size: 10px!important;
}
.contact, .url-info, .table-section{
    border:none!important;
}
nav img.logo {
    filter: brightness(0) saturate(100%) invert(69%) sepia(15%) saturate(572%) hue-rotate(94deg) brightness(100%) contrast(92%)!important;
}
.heading{
    background-color: #CFDFCD!important;
    border-bottom: 5px solid #8BBFA2;
    border-right: 5px solid #8BBFA2;
    border-radius: 15px;
}
.blurbs, .friends, .contact, .url-info, .table-section, .mood{
    background-color: #EDF3EC;
    border-radius: 5px;
}
.mood{
    margin-bottom:10px;
    background-image: url('https://i.pinimg.com/originals/a3/33/a4/a333a4c61f880d10aa65b2f3ec4b5e74.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	padding:5px;
}
td{
    background-color: transparent!important;
}
.comments-table {
    border:none!important;
    border-spacing: 5px;
}
.comments-table td{
    border:2px solid #907235;
    border-radius: 5px;
}
.profile-info{
    background-image: url('https://i.imgur.com/3GYGeJK.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #EDF3EC;
    border-radius: 5px;
    border:none;
}
button{
    color: black!important;
    background-color: #dee9dc;
    border: 2px solid #8BBFA2;
    border-radius: 5px;
    margin-bottom:1px;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
}
.friends:not(#comments){
    margin-bottom:10px;
    background-image: url('https://64.media.tumblr.com/d61b3f1544fb7c05b9f755a83febd13d/tumblr_inline_n37h2gi7pI1qhwjx8.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom:50px;
}
.online img{
  font-size:0px;
}
.online:before{
  display:inline;
  content:url(https://64.media.tumblr.com/84082de7f19bf16427ab10fd539a702a/42575e23ad30bc85-f1/s75x75_c1/983da7a2681142aa4fa9fecb3ad979b7966c6ec7.gifv);
}
hr{
    background-image: url('https://64.media.tumblr.com/9d77c66d7e0f2afd7876770fd0b35196/tumblr_inline_n37h1xqbR61qhwjx8.gif');
    background-size: 36%;
    background-repeat: repeat-x;
    border:none!important;
    background-position: center;
    height:25px;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url('https://64.media.tumblr.com/b4e6a62e009514528abfa5fbb3ad042d/b2295b398b83dca7-55/s75x75_c1/22c1b77236d6776aba5ccd8103f680ae08eaaae5.gifv');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://64.media.tumblr.com/1e2faf0aaf6069bf64a9af60c7f3277e/tumblr_inline_p94igdBErw1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/eff550417f471a542b0815b978b24a48/tumblr_inline_p94ige7i671qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://64.media.tumblr.com/0e518c1536aa529294b591ed36487634/tumblr_inline_p94igf0Fu01qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://64.media.tumblr.com/caf3f7a93fd2a0ab1848307e32838bd4/tumblr_inline_p94igfUDgY1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://64.media.tumblr.com/44ed40849c9818f9952bbe65ae1e1ce0/tumblr_inline_p94igeyTta1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://64.media.tumblr.com/a467159d15e66bfb0e7923745a83bd4b/b2295b398b83dca7-dd/s75x75_c1/fac0729c56bdd44eb4cb7dc816711bcd653f7a41.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://64.media.tumblr.com/e9250feaa1bbd5688d28e229bff96b3a/b2295b398b83dca7-09/s75x75_c1/e6df93572867227a6a6b631be9c9de2cabe6f952.gifv');
} 
.friends-grid{
    text-align: center;
}
.friends-grid img{
    border-radius:5px;
}
.comments-table img{
    border-radius:5px;
}
.details-table td:first-child{
    background-image: url('https://preview.redd.it/1y0oklhuxji81.jpg?width=640&crop=smart&auto=webp&s=952b98ad513174e597ec80ca01c8cd89679d041c');
    background-size: cover;
    background-position: left;
    background-repeat: repeat-y;
}
.details-table td:first-child p{
    background-color: #EDF3EC;
    text-align: center;
    border-radius: 15px;
    padding: 5px;
}
.comment-replies{
    border: 3px solid #FFFFE0;
    border-radius: 5px;
}
</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 44 comments ( View all | Add Comment )

mads	1701068321 using < 3 Report Comment
luz!	1700655835 using!!! Report Comment
EM	1700643682 using!!!! tyyy:3 Report Comment
☆. 𝐬𝐨𝐟𝐢𝐚	1699631857 using this Report Comment
Clementine!!	1698504265 using! Report Comment
st. alina	1695176158 using! <3 Report Comment
Mia	1693611186 Using Report Comment
Dawy!	1693585794 using :1 Report Comment
Hannah☆	1693034175 Using Report Comment
8poxy / sel (─‿‿─)	1691571625 using ^.^ Report Comment
RJ	1691010687 using <33 Report Comment
oisín	1690284493 definitely using! tysm!! Report Comment
jude rigor	1690246301 using! tysm! Report Comment
mia	1690211147 using ty!! Report Comment
hyeternity	1688937981 using ;) Report Comment
Where’s My Zune	1688762354 Such a cute layout! Using :-) Report Comment
☽bern☾	1688741028 using!! Report Comment
fernywashere	1688661895 using =) Report Comment
alexz ⋆｡°✩	1687867738 using!! Report Comment
Catelynn	1686440143 using<3 Report Comment