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

R4R3G3M	1737636311 using!! Report Comment
ivy	1737395428 using :3 Report Comment
dianedash	1736969162 usingg Report Comment
W4YL0N<3	1736663210 Using!! Report Comment
AnxietyAngelz	1736384045 Usingg Report Comment
1l0vemysch00l	1736252121 Using!^^ Report Comment
.Strawxclub<3	1736206191 Using!! Report Comment
tw1light	1735345797 using!!! Report Comment
zombize	1735094792 Omg this is great, using!! Report Comment
stxrbliss95_0	1735012287 Using<3 Report Comment
skibidiohio	1734838753 using !! ^_^ Report Comment
Annaly	1733422564 Using:3 Report Comment
vee🎀	1732764467 using^_^!! Report Comment
rickgrimesgirl	1732733175 using!! :3 Report Comment
smoshbee	1731879899 using! Report Comment
Axe 🎸	1728343701 Using ^^ Report Comment
viccyy <3	1726760421 using Report Comment
vivianna	1724194259 using (✿◡‿◡) Report Comment
Aimer_Pie	1721778784 USINGGG:33 Report Comment
spoons :33<	1719102618 using bg :3 Report Comment