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

Aiden	1749501390 OMGG I'M USING Report Comment
Lizziecbxx	1746975638 OMG SOOO USING!! This is so fricking cute Report Comment
Spike ☆〜（ゝ。∂）	1746814390 so using!! tysmm! X) Report Comment
Pinkiepie	1743879359 Using Report Comment
Gabriette Von Dutch	1743404629 Using Report Comment
Z3N IN FLAMEZ	1743218068 I LUV IT IM TOATS USING IT >:33 Report Comment
xXx_schie_xXx	1742483513 USINGG I LUV IT!!!!🩷 Report Comment
𝄞 arch3ry ࣪ ִֶָ☾.	1742061473 USINGGG:3 Report Comment
amira	1741442776 using!! <33 its so prettyyyy Report Comment
Londi_2cools	1741073480 using Report Comment
Londi_2cools	1741073480 using Report Comment
dorimi	1740936387 using Report Comment
Pol4r_Fox!	1740848450 using Report Comment
anelys	1739591986 usinggg x3 Report Comment
Dakota	1738807109 using Report Comment
Dakota	1738807106 using Report Comment
Dakota	1738807100 using Report Comment
R4R3G3M	1737636311 using!! Report Comment
ivy	1737395428 using :3 Report Comment
dianedash	1736969162 usingg Report Comment