Cherry crush layout

Tags: cherrycrush, soft, brown, simple, cute, layout

Description:

a cherry crush layout (requested!)

Includes . . . custom cherry cursor, polaroid shaped pfp, heart shaped pfp for friends, custom online now icon, custom colored scrollbar (only for pc), floating images, etc ! !

Let me know if anything is broken. . Also comment before using ! I just wanna see yalls profile :3 (not obligatory though)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Void / aster !! (https://layouts.spacehey.com/layout?id=104929) -->

<!-- LOADING SCREEN -->
<style>
body:before {
content: ' ';
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url(https://i.pinimg.com/564x/5b/dc/11/5bdc111727513b2e7af9a05b9245e2d9.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1.7s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>


<!-- TEXT FONT -->
<style>

p, b, nav label, .section, .profile .table-section, table.comments-table  {

        font-family: Papyrus ; }

</style>


<!-- FLOATING IMAGE 1 -->
<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: &#10;400;">
<img src="https://64.media.tumblr.com/abe31c941e5bd7d9af8cdce3b1a70213/acd60c5f47d71ab7-9d/s2048x3072/8574769d4f11813aa39d1e0f59e40effa659a78d.pnj" height="304" width="304"/></div>

<!-- FLOATING IMAGE 2 -->
 <div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 4px; z-index: 400;">
<img src="https://64.media.tumblr.com/69ea9dec7efafe4eac14c48475112539/31fb9c32e3d41863-bc/s500x750/b69008a51b5633018d5b26aef07293747bca9e25.pnj" width="270" height="260"/></div>

<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif"/>
. . . info info info info info info info info info info
<img src="https://64.media.tumblr.com/3ee426367c567a997491c1ae8c7e6f31/9bee679e52f48c5d-a2/s500x750/79df9717dce7505e6b32c9bec819cf0bd3ca52b4.pnj" width="180"/>
info info info info info info
  

<!-- SCROLLBAR COLOR -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #d8725b;
    }
    ::-webkit-scrollbar-track {
    background: #ffffff;
    }

</style>

<!-- COLORS AND BACKGROUND IMAGE.. ECT -->
<style>
    body{
    background-image: url(https://i.pinimg.com/originals/02/c2/a4/02c2a4fd5d853bb59e5c6000054346ac.gif) !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: white;
        color: #c29288;
    }
        .count {
        color: #493e3e !important;
    }
        .blurbs .inner{
    }
    :root {
        --logo-blue: #b0968b;
        --darker-blue: #e8d7b7;
        --lighter-blue: #e6d7d0;
        --even-lighter-blue: #fffcfb;
        --lightest-blue: #fff;
        --dark-orange: #fff;
        --light-orange: #e6d7d0;
        --even-lighter-orange: #b0968b;
        --green: #f9b4ca;
    }
    a:hover{
        color: #d8725b !important;
  transition: 0.2s;
    }
    h4 {
        color: white;
    }
    main p {
        color: #7b6b65;
    }
    .profile .blurbs .section h4 {
        color: #ffffff;
    }
</style>

 <!-- INVISIBLE FOOTER -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>
 
  
<!-- ROUNDED BORDERS -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
</style>

<!-- BLUR FRIENDS PFP WHEN HOVERING -->
<style> .friends img:hover{ webkit-filter: blur(4px); filter: blur(2px) ; 
  }
</style> 

<!-- FRIENDS HEART SHAPED PFP -->
<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
 .comments-table td:first-child img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;});
</style>
  
<!-- FRIENDS PFP FILTER -->
<style>
.comments-table img,
.person img{
filter: opacity(30%);
}
</style>
 
<!-- CUSTOM ONLINE NOW -->

<style>
.online {content:url(https://64.media.tumblr.com/9f74d03f22da2c60fbfbe44e2cc8d5a2/e79aa88fe4d1254a-5e/s75x75_c1/b83e9ebe391436e353b0b108ad9ab0528549642b.gifv); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<!-- CONTACT BUTTONS -->
<style>
.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://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv")}
  
<!-- PICTURE FRAMED PFP -->

<style>

.profile-pic:before {
}
.profile-pic img {
border: 8px solid white;
border-block-end: 30px solid white;
transform: rotate(5deg);
box-shadow: 5px 5px 5px #dbdbdb;
}

</style>
  
  <!-- UNDER LINK IMAGE -->
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/feaa4aa549b50496ea4c3f13fe3413cc/ae71858712175779-fa/s2048x3072/42b9d28493705851171eca32405b0994d016a622.pnj);  width: auto; height: 30px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>
  
<style>
  
*{cursor: url(https://64.media.tumblr.com/43153f7ff4094fdef06f92394599ce27/9a47c4b3d19f251e-6b/s75x75_c1/c00c13d0ce796c6a43823d9f1d65640d618c2144.gifv), auto !important}
  
<!-- HEARTS IN NAVIGATION -->
<style>
nav .links .special a {
    color: ;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ♡ ";
    color: #c29288;
    font-size: 13px;  
  
 </style>
  
  
 <!-- IMAGES ONTOP OF PFP, ECT --> 
  <style>

.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 120px;
  background-image: url(https://i.pinimg.com/736x/ed/9c/a6/ed9ca6634cfc85ed1ba0cc5a31b4c5d4.jpg);
  background-repeat: no-repeat;
  background-size: 140px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 110px;
  background-image: url(https://64.media.tumblr.com/cd7582f1b31617882a855b221328827f/1cd8803307814ce8-40/s640x960/6c0be980ab25841d0ab9d4af00fed203910af65c.pnj);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 1000px;
}
</style>
  
   <!-- IMAGE BELOW LINK --> 
<style>
{
}
.col.left:after {
  pointer-events: none;
  content: url(https://media.discordapp.net/attachments/1080328185377464381/1237535648181915709/image.png?ex=663c0062&is=663aaee2&hm=e42c5d44cb86e37a0bceea1ebe87e9c46a9296c1760cbc43d6319c97a74e447f&=&format=webp&quality=lossless&width=380&height=438);

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

Ludjkk	1764917675 using Report Comment
₍^. .^₎⟆	1764449657 Using!!! ☆⌒(ゝ。∂) Report Comment
₍^. .^₎⟆	1764449657 Using!!! ☆⌒(ゝ。∂) Report Comment
Francine Lemos	1764065500 using!!!! it so pretty Report Comment
Francine Lemos	1764065498 using!!!! it so pretty Report Comment
𔘓 ֹ fish𓂅⁩ ̼	1763436085 using ^^ !! Report Comment
𓆩𓆪 ₊˚ ֺ 💗࣭ 𝕓𝕦𝕥𝕥𝕖𝕣𝕔𝕦𝕡 !!	1762073849 Using! Report Comment
luckkX3	1761139946 using the contact icons Report Comment
Szyszka	1760989913 Using!! <3 Report Comment
sammy<3	1760604624 using !!! Report Comment
Prisha	1759513536 using! Report Comment
ETHAN 土	1758925132 using :P Report Comment
Bastet	1758263648 So pretty!! using <3 Report Comment
Vampire_Melody	1757583980 Using :D Report Comment
Vampire_Melody	1757583980 Using :D Report Comment
rainosaurus	1757494698 using :3 Report Comment
Lance!	1756998298 USINGGGGG >:D Report Comment
Nayida.lisb	1754219022 usandoo Report Comment
Chloe	1753586764 using tysm Report Comment
＊•̩̩͙✩•̩̩͙˚𝔏_𝔩𝔬𝔳𝔢𝔩☂︎˚•̩̩͙✩•̩̩͙˚＊	1752193082 USANDO ¡! Report Comment