Pinkie Pie layout

Tags: mlp, pinkie pie, cute, kidcore, pastel, childhood, kawaii

Description:

pls lmk if you are using

Preview:

click on the image for a larger preview

Code:

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

<style>
  body {
   background-image: url(https://i.pinimg.com/564x/e0/f2/e1/e0f2e1dfe99f409ecd6538cc16b570c9.jpg);
  background-repeat: repeat;
background-size: contain;
}
</style>
<style>
:root {
    --logo-blue: ;
    --darker-blue: #87d8f8;
    --lighter-blue: #f0428d;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #fffbb1;
    --light-orange: #f0428d;
    --even-lighter-orange: #f0428d;
    --green: pink;
}
</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.tenor.com/8k3VEEbKk-EAAAAC/my-little-pony-mlp.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
footer {
    border-radius: 15px;
    background: url(https://i.pinimg.com/564x/9b/77/d3/9b77d3d78927598d1b3c0bbdd0431332.jpg);
    color: white;

}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&family=Lakki+Reddy&display=swap');
p{
    font-family: 'Lakki Reddy', cursive;
    font-size: 15px;
}
h1,h2,h3,h4,h5{
  font-family: 'Emilys Candy', cursive;
  font-size: 25px;
}
</style>
<style>
/* 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/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.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/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}   
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-2/foo121.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/05/03/foo121.html" target="_blank" title="Birthday Cake"><img src="https://cur.cursors-4u.net/cursor.png" alt="Birthday Cake" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.profile .contact, .profile .table-section, .profile .url-info {

  background-image:url(https://i.pinimg.com/564x/42/10/f0/4210f07d85410b2fa76dc07679b4d5a7.jpg);
  border-radius: 15 px;
}
</style>

<style>
.profile {
   background-color: #ea80af;
   
}
</style>

<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/55/00/54/550054782d69ff7951674028a6800b09.jpg);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    border-color: #05bdfa;
}

<style>
.friends:not(#comments) {

  grid-area: friends;

   background-image:url(https://i.pinimg.com/564x/42/10/f0/4210f07d85410b2fa76dc07679b4d5a7.jpg);
   border-radius: 15px;
}
</style>

<style>
.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/3c/f3/84/3cf3847084973b4e9da0f6aeaeb8aacf.jpg);
        border-radius: 15px;
        border-color: #05bdfa;
}
</style>

<style>

.example {

        background: url("https://cutekawaiiresources.files.wordpress.com/2013/08/5b63c3efa.gif") no-repeat;

        background-size: 100%!important;

        position: fixed;

        left: 20px;

        bottom: 10px;

        height: 200px;

        width: 200px;

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/lQKaAlMNvm8?si=LMgm1wBUB0x5TqdV//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

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>

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

♡ Vesuvia ♡	1714159623 Using!! Report Comment
ellie!! <3	1713769348 using!! <3 Report Comment
☆Void☆	1712686102 using Report Comment
pinkiepiezz	1711190794 using Report Comment
Bonkichi	1711100454 USINNGGGGGGG! Report Comment
Poisonous Pearl	1709225168 using! Report Comment
Poisonous Pearl	1709225167 using! Report Comment
Poisonous Pearl	1709225167 using! Report Comment
Gabe ⁽ ⁷\ ⁾ $Gabe ⁽ ⁷\ ⁾'s profile picture$	1708731792 usingg :DDDD Report Comment
athena	1706480967 using! Report Comment
malumalums	1706454291 Usando!!! :3 Report Comment
Avrisita	1706053424 usando :33!1!!1 Report Comment
lacktoeztxx:3	1705121187 using this !! :3 Report Comment
ira	1704109870 using!!! Report Comment
Pinkie Pie	1703826042 using Report Comment
Pink	1703024866 I'm using this, it's wonderful! Report Comment
Katie	1701742411 using Report Comment
xin x3	1700998717 using ! Report Comment
haipabani	1699121561 cool i’ll use it Report Comment
KAZ!!	1698107161 using! Report Comment