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

P!N	1712862804 using ! Report Comment
milo <3	1712768460 USING!! :3 Report Comment
Philia	1712452903 Using Report Comment
tazzuna ✭	1712410312 usando! Report Comment
𝑁anda꒰ ✿ ꒱	1712331330 Talvez usando! Report Comment
juice	1711135781 using ^_^ Report Comment
shxtuo𖦹	1710887182 Using Report Comment
♱Vivan♱	1710472246 Using^^ Report Comment
rxph	1710442711 usind!! Report Comment
rextrordinary	1709486158 using Report Comment
Colt 🎍💐🗿	1708665932 I love this sm I'm using it!! Report Comment
Amaiyah	1707143129 usingg Report Comment
zero !!	1706920266 using Report Comment HORSEMAN??! by Juliana 𖤐⭒๋࣭ ⭑; 1707255044; Report
NightmareGatoo	1706468001 using!! Report Comment
Rezkron	1705899751 Using Report Comment
Ena Qiu	1705866889 Using Report Comment
Canela	1705777316 using! Report Comment
biscuit!!!! ૮・ᴥ・ა	1704836802 using!! Report Comment
Oxilaris	1704680757 using!! Report Comment
darling 𓇢𓆸	1703857793 omg using!! Report Comment