mlp deco layout!

Tags: mlp, glitter, layout, deco

Description:

my little pony background with gifs and stickers!

Preview:

click on the image for a larger preview

Code:

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

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

<style>p.online {font-size: 0px;}
p.online::after{content: "💎I’M ONLINE!";
color:#FFC0CB;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
          background-image:url(https://i.pinimg.com/564x/67/b8/0f/67b80f7d9cffb22e88b3b5bf07dc51d0.jpg)
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/564x/91/41/8b/91418bdd954f98cb0adcd1654ca85700.jpg);
color:light pink;
text-shadow: 0 0 9px Pink;
    }


.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:pink; 
background:#FFC0CB;
}

/* contact icons */
.contact .inner a img {https://i.pinimg.com/564x/91/41/8b/91418bdd954f98cb0adcd1654ca85700.jpg
font-size: 0;
}
.contact .inner a img:before {https://i.pinimg.com/564x/91/41/8b/91418bdd954f98cb0adcd1654ca85700.jpg
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 {
/* instant message */
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/bc/7b/e7/bc7be739027514a6882d644bccb77983.jpg);
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url(https://i.pinimg.com/564x/bc/7b/e7/bc7be739027514a6882d644bccb77983.jpg);
    }
    
    nav { background: black url("FFC0CB"); }

:root {
--logo-purple: #FFF5EE;
--darker-black:#FFB6C1;
--darker-purple:#FF69B4 ;
--even-darker-purple:#DE3163;
--darkestest-purple:#DC143C;
--dark-black:#FFB6C1;
--light-black:#FFC0CB;
--even-lighter-black#FFF5EE;
--green:pink;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
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"> 
layout made by leneㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
-
mlp
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
<h4>My Playlist(s):</h4>

</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friends!~.˚🎠"; font-size:.8rem; font-weight:bold; 
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "the comments!~.˚🧁"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interest and socials!🎂"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hello!!!~.˚💟"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me!🎁"; font-size:.8rem; font-weight:bold; color:White; }
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/SdihldcHZS8//?&;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>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 3em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px pink;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">🧁</div><div class="snowflake">🎠</div><div class="snowflake">🧁</div><div class="snowflake">🎠</div><div class="snowflake">🧁</div><div class="snowflake">🎠</div><div class="snowflake">🧁</div><div class="snowflake">🎠</div><div class="snowflake">🧁</div><div class="snowflake">🎠</div><div class="snowflake">🧁</div><div class="snowflake">🎠</div>🧁</div>



<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 0%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.general-about img {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>




<img src="https://external-media.spacehey.net/media/sXmI90_sUkPLoga5iOqy_UcfOzORL5wd3pddNxOc_zkU=/https://media.everskies.com/Bj_MNz7roOn8KZM5NQgj.gif"/>

<img src="https://media.everskies.com/wxyeZj7HiN7l1oDYe1xW.gif"/>

<img src="https://external-media.spacehey.net/media/sVPufxByPBojoUCnH_0CGg17rVCXjqxv7DoZpV-QQGmA=/https://media.everskies.com/Sf4DpjRKYqtN6UEcrDM_.gif"/>

<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/originals/5a/9e/7b/5a9e7b52862ba996af17189324043ea6.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<img src="https://blinkies.neocities.org/b/display/0135-pinkiepie.gif"/>

<img src="https://blinkies.neocities.org/b/display/0134-fluttershy.gif"/>

<img src="https://blinkies.neocities.org/b/display/0133-applejack.gif"/>

<img src="https://blinkies.neocities.org/b/display/0132-rainbowdash.gif"/>

<img src="https://blinkies.neocities.org/b/display/0131-rarity.gif"/>


<img src="https://64.media.tumblr.com/77b79b4a5515f11d64111389212336c7/c508eb30589774d4-26/s500x750/8e378dc592e273859d5a56261b57f792caa9b6ac.gifv"/>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 380;">
<img src="https://media.tenor.com/PtEEgXQH_pkAAAAi/fluttershy-mlp.gif" height="240" width="280"/></div>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat1008.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat1008.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/30/fluttershy-working-in-background.html" target="_blank" title="Fluttershy - Working In Background"><img src="https://cur.cursors-4u.net/cursor.png" alt="Fluttershy - Working In Background" style="position:absolute; top: 0px; right: 0px;"/></a>

<marquee behavior="scroll" direction="right"><img src="https://i.postimg.cc/qv7V65hP/IMG-7533.gif" width="150" height="150" alt="pinkie pie bounce :3"/></marquee>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/076ab4194d5d09881bcb03bde533f7bf/a79fc8c73c3580f5-17/s250x400/55c07850c4b7d6b06689846543d52d41ac174173.gifv" alt="GIF"/></div>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 380;">
<img src="https://external-media.spacehey.net/media/sESF5Krr26wU2eESjtNuD7BQoFblH7-3R7O33VVj6YuY=/https://derpicdn.net/img/2020/6/30/2387331/medium.gif" height="240" width="280"/></div>

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

mlp fan	1712382018 using :) Report Comment
batterymedicinexd	1711328550 USING TY Report Comment
𓍢ִ໋🌷͙֒melody ໒꒰ྀིᵔ ᵕ ᵔ ꒱ྀི১	1710774383 USING SOME PIECES <3 Report Comment
! MEL (active on tiktok)	1710470376 USINGG!! Report Comment
! MEL (active on tiktok)	1710470374 USINGG!! Report Comment
kiaraaa	1710397485 super cute!! will b using :) Report Comment
Mikey ☆	1710246951 might use :0 Report Comment
teeheesillytime	1710093647 usin =] Report Comment
mylittlerarity	1710053822 using !! xP Report Comment
Evelyn!! 🐬˚˖𓍢ִ໋	1709864426 using! Report Comment
mimicaty	1709861330 im using it! it look nice! Report Comment
SceneXDari	1709480547 usando!! Report Comment
SceneXDari	1709480546 usando!! Report Comment
ava XD	1709410519 using! Report Comment
david	1709261836 using Report Comment
Dest	1708383915 using :3 Report Comment
Angel	1707441071 Usando (⁠ ⁠╹⁠▽⁠╹⁠ ⁠) Report Comment
XXISAAC_	1707260509 using:3!! Report Comment
Angel_honey	1707008838 Usando <3 Report Comment
Katze	1706922629 using Report Comment