cottagecore layout

Tags: cute, green, nature, cottagecore, soft academia, fairy

Description:

the snowflakes are not included in the code you can get those https://layouts.spacehey.com/layout?id=30834 here, and the bubbles are from https://layouts.spacehey.com/layout?id=37567 both of these codes arent mine and will not be included in the layout code other than that have fun enjoy and comment if using!! no credits needed

Code:

<!-- (c) Layout created by Bella ☆ (https://layouts.spacehey.com/layout?id=48101) --> <style> nav img.logo { content:url("https://i.ibb.co/yNGt9pS/tumblr-f7fe9859814d5a578885652ac91b2442-8f0f7f49-540.png"); } body { background:url(https://i.pinimg.com/564x/12/23/dc/1223dc0cf2b69c36be52d2fe2f01f521.jpg); } .profile { background:url(https://i.pinimg.com/736x/21/95/e6/2195e6e8efaecdfbaa72d30a8a2966b0.jpg); color:#ffffff; text-shadow: 0 0 9px black; } .profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { border-style:Double; border-width:6px; border-color:#000000; text-shadow: 0 0 9px black; background:##000000; } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ☆ "; color: black; } /* 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: "☆" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: "☆" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: "☆" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: "☆" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* im me!! */ content: "☆" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "☆" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: "☆" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: "☆" } footer { border-radius: 15px; background-image: url(https://i.pinimg.com/564x/6c/7f/2f/6c7f2f814adfe978076da314604eb6f3.jpg); color:Black; } .online{ content: url(https://dl.glitter-graphics.com/pub/2084/2084981yifohhd7bp.gif); } nav .top { background: url("https://i.pinimg.com/564x/6c/7f/2f/6c7f2f814adfe978076da314604eb6f3.jpg"); } :root { --logo-blue: white; --darker-blue:white; --lighter-blue:#839976; --even-lighter-blue:#000000; --lightest-blue:#000000; --dark-orange:White; --light-orange:#839976; --even-lighter-orange:black; --green:black;#ffffff } } div.ah.df.dg.dh { border-radius: 0 0 10px 10px; } div.b4.ah.dx.dy.dz.e0 { border-radius: 10px 0 0 0; } </style> <div class="background"></div> ㅤ <div class="about"> ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ </div> <div> </div> <style> .friends .heading{ font-size:0; } .friends .heading:before{ content: "my friends! ☆"; font-size:.8rem; font-weight:bold; color:white; } } .friends#comments .heading{ font-size:0; } .friends#comments .heading:before{ content: "comments! ☆"; font-size:.8rem; font-weight:bold; color:white; } } .profile .table-section .heading h4 { font-size:0; } .profile .table-section .heading h4:before{ content: "my interests! ☆"; font-size:.8rem; font-weight:bold; color:white; } } .contact .heading{ font-size:0; } .contact .heading:before{ content: "say hi! ☆"; font-size:.8rem; font-weight:bold; color:white; } } .blurbs .heading{ font-size:0; } .blurbs .heading:before{ content: "about me! ☆"; font-size:.8rem; font-weight:bold; color:white; } } } .general-about .profile-pic img{ clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } .profile .friends .person img { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } .comments-table img, .person img{ clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } .icon { content: url(https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif); display: inline-block; height: 1.1em; width: 1.5em; margin: 0 .05em 0 .1em; vertical-align: -0.3em; color: rgba(0,0,0,0); } <style> <style> } .general-about .profile-pic img{ border-radius: 50%; animation: spin 7s infinite linear; } </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.