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

𝄞⨾💿✮˚.⋆エース⋆.˚✮💿⨾𝄞	1783657921 Usinggggggg! Report Comment
Addy!	1772646524 Using Report Comment
kat	1771356533 using Report Comment
Robin(rin)🧁🍋‍🟩🍊	1768970753 Using! =D Report Comment
rainbow dash	1765173325 using!!! Report Comment
BEE	1763926265 Using! Report Comment
amber liu is my wife!!!!!	1762808927 using! Report Comment
ST4R	1762594987 using :) Report 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
V1RIDITY	1753969564 defo using !! <3 Report Comment