LOVE ❤︎ LETTER

Tags: pink, cute, float, pastel, layout

Description:

Preview:

click on the image for a larger preview

Code:

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

<div class="melody"></div>

<style>


    .melody {
        background: url(https://64.media.tumblr.com/70cb22c06fd6ee1752886101523b900a/2a2f26afda99a5a5-a8/s250x400/71e786834809437846a0db5e9810a682eb5f30f4.gifv) no-repeat;
        background-size: 107%!important;
        position: fixed;
        right: -30px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }

.general-about .profile-pic img{

-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;

}
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1002765210932744333/1093413840751951892/ddlc_1_600x600.png");
height: 100px!important;
width: 100px!important;

  }
.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 .col, main, footer, nav::before, .online, 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);

}
  }
  

.contact .heading{

  border: 3px solid transparent;
  padding: 30px;
  border-image: url(https://64.media.tumblr.com/3436eed5e3f26b2c91d38a3712fc9e42/05956b5d700d4cd5-2d/s500x750/800ec11b8a07736fb715986e977390dc6bfb8d86.pnj) 9 stretch;


}

:root {
    --logo-blue: pink; 
    --darker-blue: pink 
    --lighter-blue:#FFE0E0; 
    --even-lighter-blue: #ffeded ;
    --lightest-blue: #ffeded;
    --dark-orange: pink; 
    --light-orange: rgba(255, 224, 224, 0.53); 
    --even-lighter-orange: rgba(255, 224, 224, 0.53); 
    --green: rgba(255, 224, 224, 0.53);
    
}
  .top{
        
    color: #FFE0E0;
        
    }    
    main{

    color: #ffa8be!important;

        
    }
    footer{
        
    color: #FFE0E0;
border-radius: 55%;
  
    }

h4{
  font-size: 17px;
  background: -webkit-linear-gradient(#FFE0E0, #bd448c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px dashed;
    }
.col.left:before {
  content: "";
  border-radius:50px;
  white-space: pre-wrap;
  display: block;
  height: 27px;
  width: px;
  background-image: url(https://64.media.tumblr.com/3436eed5e3f26b2c91d38a3712fc9e42/05956b5d700d4cd5-2d/s500x750/800ec11b8a07736fb715986e977390dc6bfb8d86.pnj);
  background-repeat:repeat;
  background-size: 300px;
  background-position-x: center;
}

.profile .friends .person img:not(.icon) {
filter: grayscale(80%);
}

.friends-grid {

border: groove pink 3px;

}
.table-section{

border: groove pink 2px!important;

}

.contact{

border: groove pink 2px!important;
}
 .url-info{
border: groove pink 2px!important;
}
.col.right:before {
  content: "";
  border-radius:50px;
  white-space: pre-wrap;
  display: block;
  height: 27px;
  width: 450px;
  background-image: url(https://64.media.tumblr.com/3436eed5e3f26b2c91d38a3712fc9e42/05956b5d700d4cd5-2d/s500x750/800ec11b8a07736fb715986e977390dc6bfb8d86.pnj);
  background-repeat:repeat;
  background-size: 300px;
  background-position-x: center;
}

body{

background-image: url(https://uploads-ssl.webflow.com/61166a7cfab35c1054c77494/61166a7cfab35c767ac774e4_WindowScreen_BG.jpg);
background-size: 400px;

}

main{
 border: 4px solid transparent;
  padding: 30px;
  border-image: url(https://i.pinimg.com/564x/19/81/99/198199f63bba6142396bc90e2ba63fab.jpg) 2 stretch;
outline: 4px groove pink;
}
.col.right:after {
  content: "";
  border-radius:50px;
  white-space: pre-wrap;
  display: block;
  height: 100px;
  width: 450px;
  background-image: url(https://64.media.tumblr.com/33097c431a31925bb20cf2db1a7c20fa/798b76c0a50f0133-9c/s640x960/3440025959027854ae4efec14f12f9cabb780274.jpg);
  background-repeat: no-repeat;
  background-size: 300px;
  background-position-x: center;
}
.col.left:after {
  content: "";
  border-radius: 100px;
  white-space: pre-wrap;
  display: block;
  height: 33px;
  width: 740px;
  background-image: url(https://64.media.tumblr.com/dd05b1540127c11861d4d5c2806ca651/8ed3a205dfaa39fc-5f/s400x600/cf522f3a94b7a1cc5cd2945f205624a53116bdc8.pnj);
  background-repeat: repeat;
  background-size: 400px;
  background-position-x: center;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  width: 270px;
  background-image: url(https://64.media.tumblr.com/9a5b6aa5ac419d06ead14c27c94ded79/e4ed25d8fb0ed184-dd/s400x600/2467713aafc8766fcbc06c306059b53c9694f660.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 80%;

}
.blurbs:after {
  content: "";
  border-radius:90px;
  white-space: pre-wrap;
  display: block;
  height: 25px;
  width: 300px;
  background-image: url(https://64.media.tumblr.com/f77480920daff48f0efe5deac84a7edc/2ae19556a568f61a-84/s500x750/bf15195419db6dd7331bfce3ed916177d857b919.gifv);
  background-repeat: no-repeat,
  background-size: 31px;
}

nav .links li:not(:last-child)::after {
  content:" ✿ ";
  color: #f5899d;
border: groove pink;
background-color: pink;
 }

.links{

background-image: url(https://64.media.tumblr.com/a7612e2baa672876b96a5b79b1f04a67/ab7dad54976561f3-c6/s640x960/52abc890d725f78db476cd0eaec61f437446aa7b.pnj);
background-size: 55%;
border-radius: 40%;
border: groove pink 3px;

}

.top{

background-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093082902331404308/mika.jpeg)!important;
background-size: 30%!important;
height: 80% !important;
border: groove pink 3px;
border-radius: 20px;
}
.links a{

background-color: pink;
border: groove pink;
}
.online {
        content: url("https://i9.glitter-graphics.org/pub/2450/2450709y4ffd6r1lg.gif");

}
  .profile{
        
    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;

   }

footer{
background-color: pink;
opacity: 50% !important;
border-radius: 99%;
}

table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;
}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani969.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani969.png), auto !important;} /* End https://www.cursors-4u.com */

}

  .contact img.icon { 
 display: none; 
}

.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://pixelbank.neocities.org/decome/medical/613b7161.png")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://pixelbank.neocities.org/decome/hearts/00809374.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://pixelbank.neocities.org/decome/hearts/5b5d476b.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://pixelbank.neocities.org/decome/hearts/408e5ef4.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://pixelbank.neocities.org/decome/bunnies/f1806757.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://pixelbank.neocities.org/decome/bears/f946735.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://pixelbank.neocities.org/decome/bears/1f02ecc0.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://pixelbank.neocities.org/decome/kitties/1e78f924.gif")
}

.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  width: 190px;
  background-image: url(https://media.tenor.com/yExoAxYIcdgAAAAC/kawaii-pink.gif);
  background-repeat: no-repeat;
  background-size: 100%;
border-radius: 70px;
border: dashed pink 2px;
}
table.comments-table{
border: groove pink;
}

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

Void	1705688208 might use! Report Comment
🌹c𝐥ů†𝚣🌹	1705210416 using Report Comment
˚♡˚₊‧⁺˖Mike⊹₊ ⋆	1703327333 Using ^w^ Report Comment
⋆♱✮♱⋆LittleDeathGang⋆♱✮♱⋆	1695589754 using Report Comment
CJ14	1689965328 Using!! Report Comment
Bimbmoo	1686809921 using! such a cute layout <3 Report Comment
w1ster1a	1684237094 thank u sm!! Report Comment
Freddie	1683446917 This is such a good layout ill be using it thank you!!^^ Report Comment
Ohsangwo0's mom	1681491100 this them looks cool, Imma use it thank you!!! Report Comment