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

❦IheartL❦	1754794642 I love it! I'm using the Rainbow Dash gif Report Comment
cutiexznpiee	1754174033 usingggg fs Report Comment
cutiexznpiee	1754174033 usingggg fs Report Comment
cutiexznpiee	1754174033 usingggg fs Report Comment
cutiexznpiee	1754174033 usingggg fs Report Comment
cutiexznpiee	1754174031 usingggg fs Report Comment
cutiexznpiee	1754174031 usingggg fs Report Comment
cutiexznpiee	1754174031 usingggg fs Report Comment
MiniShaneJr	1754082408 usein Report Comment
MiniShaneJr	1754082408 usein Report Comment
Xorrow Murkfall	1754007548 Using!! Report Comment
Flutterby_2	1753969564 defo using !! <3 Report Comment
soso	1752269079 using! Report Comment
emi >.<	1751952882 Using 🩷 Report Comment
DerpyLuvzMuffinz	1751420915 I will be using this! It’s so cute! Report Comment
sim	1750806945 using!! too cute C: Report Comment
Aiden	1749501390 OMGG I'M USING Report Comment
Scruff	1746975638 OMG SOOO USING!! This is so fricking cute Report Comment
Spike ☆〜（ゝ。∂）	1746814390 so using!! tysmm! X) Report Comment
Pinkiepie	1743879359 Using Report Comment