Layout published by 🎧 : ̗̀➛ ykkeio

published 1692148264
updated 1704816298

Add to Favorites

View Layouts

View Profile

Report Layout

Cafe / cottagecore Layout!!

Tags: cottagecore, brown, core, cafe, cute, cat, aesthetic, nature, animation, plants

Description:

Cafe / Bakery / Cottagecore Layout!!

Anyone is free to use, Just DO NOT REMOVE CREDIT

(Or move it somewhere else yk)

THIS LAYOUT FEATURES???

⋄ A customized (___ is your friend) box

⋄ A floating bowl of cat cookies and spinning pie in the corner of your screen!!

⋄ Floating body animation

⋄ A funky little star cursor

⋄ A floating piece of bread on you (___ is your friend) box

⋄ A brown online symbol >:D

⋄ Customized comments/links/interest box/SpaceHey-url box!!

Everything else is the usual customization stuff!!!

WARNING THAT MY LAYOUTS ARE MADE FOR A COMPUTER/TABLET!! THEY WILL NOT LOOK VERY GOOD ON MOBILE/PHONE (sorry mobile users)

I truly apologize for my messing coding, I cannot organize for the life of me. If you edit my code I cannot guarantee you it will work because of override issues :(

If any issues come up with my coding, msg me on discord @ykkeio for a quick response!! If you msg me on here I cannot guarantee a quick response!!!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=38500) -->

<!-- (c) Remember that your information and intro stuff go here and not under this all -->
<style>

<style>
.heading::before {
   content: "";
   background:  url(https://i.imgur.com/VHSg1G9.png);
background-size: 100%;
    float: right;
    display: inline;
height: 15px;
    width: 58px;}

</style>


<style>
.profile .profile-info::before {
   content: "";
   background:  url(https://imgur.com/jrI3gYI);
background-size: 100%;
    position: fixed;
    float: right;
    display: inline;
    top: -22px;
    right: 35px;
    height: 62px;
    width: 80px;
    transform: rotateZ(18deg);
}

</style>


<style>
.profile h1 {
    font-size: 23px;
    border-radius: 10px;
    border: 7px ridge #72533a;
    background-color: #ffffff4f;
}
}
background-color: #fff3e654;}

 .heading {
    background: #927753;
    color: black;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #eadda8d6;
    color: black;
    margin-top: 15px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    padding: 7px;
    background-color: #ffffff9e;
border: 2px solid #082030;
border-radius: 0px 0px 14px 14px;
}

.table-section .heading {
    width: 100%;
    height: 40px;
    border: 1px solid black;
}


.online {
    filter: hue-rotate(311deg);
}

.table-section {
    height: 40px;
    overflow-y: hidden;
    transition: all 0.3s ease!important;
    border: none!important;
}

.table-section:nth-of-type(odd):hover {
    height: 200px;
    overflow-y: auto;
    transition: all 0.3s ease!important;
}

.table-section:nth-of-type(even):hover {
    height: 90px;
    overflow-y: auto;
    transition: all 0.3s ease!important;
}


    .profile{
         color: black;
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;
    margin-bottom: 15px;
   }

.col.w-40 {
    width: 45%;
}

.profile h1 {
    text-align: center;
}

.general-about .details {
    display: block;
    background-color: #ffffffbd;
    height: fit-content;
    border-radius: 10px;
border: 7px ridge #8a6c56;
}

.general-about .profile-pic img {
    max-width: 100px;
    max-height: 100px;
    margin-top: 15px;
}

.profile-pic img {
    border-radius: 10%;
    margin-top: 10px;
    margin-left: 30px;}


</style>

<style>
body{ 
background-image:url(https://i.pinimg.com/originals/99/cd/09/99cd0925c516b5d0a740dffd03c3e0df.gif);
Background-size: 100%;
}



.profile-info {
background-image:url(https://i.pinimg.com/originals/75/9e/0d/759e0d7653c18b3d90dd0ab334b75ba9.gif);
Background-size: cover;
}

.col.w-40 {
    border-radius: 10px;
padding: 15px;
}

main .right {
    width: 300px;
    background-color: #ffffff4f;
    border-radius: 10px;
border: 7px ridge #8a6c56;}

.profile .mood {
    border-radius: 10px;
    border: 7px ridge #74533b;
    background-color: #ffffffba;
    text-align: center;
}

.general-about .details {
width: 300px;}

.profile .table-section, .profile .contact{
    margin-top: 20px;
}

footer {
	margin: 1em;
	position: relative;
}

main .right {
    width: 300px;
    background-color: #ffffff4f;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
    border: 2px solid #ffffff00;
}

a{color: #c59f5b;}



.profile .friends .person p {
    color: black;
}


.col.w-40 {
    width: 43%;
}

nav .links {
    background-color: #927753d4;
}

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://i.pinimg.com/originals/96/13/5d/96135dc0c3a7855bb4f8f552fea73748.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
    background-size: cover;
}

nav .top {
    background: #a8a8a89e;
    color: black;
}

main {
    background:#ffffff00;
    color: black;
}

.profile .blurbs .section h4 {
    color: black;
}

.count {
    color: #b74e4b;}

.profile .blurbs .heading, .profile .friends .heading {
    background:#927753;
    color: black;
border: 2px solid #082030;
border-radius: 14px 14px 0px 0px;
text-align:center;}

.details-table td {
    background: #f1f1f16e;
    vertical-align: top;
    color: white;
}

.details-table td:first-child {
    background:#80580bad;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #d8c883ad;
    color: black;
    padding: 2px 7px;
}

.profile .mood {
    margin-top: 20px;
}

div. mood{     border: 2px solid #ffffff00;}



 .mood {
    margin-bottom: 20px;
}


.url-info{
    background: url(https://i.pinimg.com/originals/a7/6b/0e/a76b0e781faaf28fbfc5802001a42715.gif);
    background-position: center;
    height: 245px;
color: White;
    border-radius: 10px;
    border: 7px ridge #72533a;
}


.comments-table td {
    color: White;
background-image: url(https://i.pinimg.com/564x/41/84/2e/41842ef9e014485ddd136cecf2bf8576.jpg);
background-size: cover;
}

.comments-table td:first-child img:not(.icon) {
    visibility: hidden;
}

.profile .friends .person img:not(.icon) {
    border-radius: 20%;
}

<style>

.friends
{display:none;
    }



.icon, .award img {
    visibility: hidden;
}

/* 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: url("https://pixels.crd.co/assets/images/gallery19/3c7b9ead.gif?v=b3554822");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://maguro.carrd.co/assets/images/gallery18/69e9925d.gif?v=89477d6f");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://yokai.crd.co/assets/images/gallery18/6f654a37.gif?v=b4df531c");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://wilardo.crd.co/assets/images/gallery04/df7946a8.gif?v=4619c116");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://wilardo.crd.co/assets/images/gallery02/d60347e1.gif?v=47044b3a");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://maguro.carrd.co/assets/images/gallery04/41a0cb6b.gif?v=89477d6f");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://pixels.crd.co/assets/images/gallery19/f520f23c.gif?v=b3554822");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://yokai.crd.co/assets/images/gallery11/902c17e9.gif?v=b4df531c");
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #ffffff00;
color:White;
}


nav::before {
   content: "";
   background:  url(https://i.imgur.com/r7qmu06.png);
background-size: 147px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 147px;
    width: 147px;
    margin-bottom: 10px;
    margin-right: 13px;
}

html::before {
   content: "";
   background:  url(https://i.imgur.com/MdN4z8e.png);
background-size: 200px;
    position: fixed;
    float: left;
    display: inline;
   top: 0;
    left: 5px;
    height: 180px;
    width: 195px;
    margin-top: 10px;
    margin-left: 13px;
}

.left, .right{
	  font-family: 'VT323', monospace!important;
}



</style>


<style>

nav::before {
 animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */ }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }



</style>

<style>
html::before{
    animation: sway1 5s infinite;

    transform-origin: 50% 100% 0;
}
@keyframes sway1 {
    0%, 100%{ transform: rotate(-3deg);}
    50%{ transform: rotate(4deg); }
}
</style>

<style>

.col, main, footer, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}


</style>


<p id="p0">This Layout was made by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei</a></p>




<style>/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto !important;} /* End https://www.cursors-4u.com */u.net/nature/nat-10/nat981.cur), auto !important;} /* End https://www.cursors-4u.com */</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 61 comments ( View all | Add Comment )

Ash	1737540969 Using :) Report Comment
✦☆ Dr.Oxygenium ☆✦ ◜◡◝	1736793120 using <3 Report Comment
han4me	1736693547 using, thankssss Report Comment
Zeke_2otaku (┬┬﹏┬┬)	1736393456 using Report Comment
Ren	1735957758 using thank you Report Comment
Satoku	1735341649 using Report Comment
Bastian	1735057978 using ! tysm! Report Comment
Jules	1734919755 Using! 🫡 Report Comment
Jules	1734919755 Using! 🫡 Report Comment
jam	1734856050 using!! Report Comment
acexd	1734765932 using!! Report Comment
PJ ! ˆ𐃷ˆ	1734042140 using !! Report Comment
FrecklesAreStars<3	1733783836 using, thanks!! Report Comment
Hunter_rulezz	1733145401 using Report Comment
KRISsoup	1733025688 using as a base!! Report Comment
julypow	1732906511 used!!! so pretty!!!! Report Comment
Vix	1731617351 using! Quick question how can I show the other entries like intrests and stuff? No pressure if I cant! Report Comment
Harvey (˶ˆᗜˆ˵)	1731363771 using! Report Comment
Micha Pines ! (Gravity falls oc rp acc)	1730726750 Using ! :~] Report Comment
k4de !!	1729704639 using :3 Report Comment