UPDATED/FIXED!!! super derpy yet cute layout!

Tags: #derpy #hooves #mlp #cutecore #rainbow #scene #gore #softcore #gif #celestia
Description:

feel free to use if you wanna!! derpy hooves/mlp/cutecore inspired layout. even includes loading screen :) comment if used/using, credit me too! thanks <3 if it doesn't work, lmk! :P
Preview:

click on the image for a larger preview
Code:

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

PUT THIS IN THE ABOUT ME SECTION:



ICON URL: https://i.pinimg.com/736x/21/b2/6a/21b26a420fca58030ef52b5ecb21253a.jpg

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat928.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/10/28/nyan-cat-with-rainbow.html" target="_blank" title="Nyan Cat with Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Nyan Cat with Rainbow" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>

body {
   background-image: url(https://i1.glitter-graphics.org/pub/2288/2288501bzoygbwko1.gif);
}
.top, .links, .heading, footer, button {
   background-color: #ffb5b5 !important;
}
h1 {
   font-family: courier !important; 
   font-size: 18px !important;
}
h4 {
   color: #54ff60 !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #54ff60 !important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #ffb5b5 !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #ffb5b5 !important;
}
.logo-fallback {
   height: 38px !important;
}
</style>


<style>

*/
body::before {
content: "";
display: block;
position: fixed;
left: -32px;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/63b9274d-71a3-402d-b125-4eb915a384cf/dff3ri8-ff4d1ee6-21ac-4018-9868-5725aeb7658a.png/v1/fill/w_1280,h_604,q_80,strp/eyestrain_warning_by_birdsblog_dff3ri8-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjA0IiwicGF0aCI6IlwvZlwvNjNiOTI3NGQtNzFhMy00MDJkLWIxMjUtNGViOTE1YTM4NGNmXC9kZmYzcmk4LWZmNGQxZWU2LTIxYWMtNDAxOC05ODY4LTU3MjVhZWI3NjU4YS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.ylXYiMQHXL--gFMRgrr8Fit5g0P60_Ad3Z8t4noZzc8);
background-size: cover;
background-position: center;
background-repeat: repeat;
z-index: 10000000;
animation: ScanlineAnimationRight 0.2s linear infinite;
pointer-events: none;
opacity: 1;
animation: hide 0.9s linear 1s 1 forwards;
}

@keyframes hide {
to {
opacity: 0;
}
}

<style>

<style>
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: url("https://64.media.tumblr.com/c9aa54a82526f2d5aa3f3f8048cf8def/3e2813aae605a8d5-8d/s75x75_c1/55e8feb73226964cc772cce47b65bad7e48a241f.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://64.media.tumblr.com/c9aa54a82526f2d5aa3f3f8048cf8def/3e2813aae605a8d5-8d/s75x75_c1/55e8feb73226964cc772cce47b65bad7e48a241f.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://64.media.tumblr.com/5056ab9042eb19461967c39970956ebb/3e2813aae605a8d5-62/s75x75_c1/5b5542fccab49bb911d2529af88725828668ef83.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://64.media.tumblr.com/5056ab9042eb19461967c39970956ebb/3e2813aae605a8d5-62/s75x75_c1/5b5542fccab49bb911d2529af88725828668ef83.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://64.media.tumblr.com/8871d5d56f27fbd0e580b84cab98e897/3e2813aae605a8d5-f1/s75x75_c1/b25cbcfaa6985e17e731b830eedcc67ea0b040b4.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://64.media.tumblr.com/8871d5d56f27fbd0e580b84cab98e897/3e2813aae605a8d5-f1/s75x75_c1/b25cbcfaa6985e17e731b830eedcc67ea0b040b4.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://pixelbank.neocities.org/decome/sea%20animals/daf56d4e.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://pixelbank.neocities.org/decome/sea%20animals/daf56d4e.gif")
}

<style>



<style>

p{
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');
font-family: 'Yomogi', cursive;
font-size: 150%;
color: turquoise;
}

<style>


<style>

background-image: url(https://i.pinimg.com/564x/5e/0e/b0/5e0eb0b499ddd0de69ff7fdd765f59f6.jpg);
background-size: 530px;
border-bottom: solid #ffdee7 3px;
border-right: solid #ffdee7 3px;
border-left: solid #ffdee7 3px;
border-radius: 22px;

<style>




-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;

}
.general-about .profile-pic img{

-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;

}

h1{

font-size: 33px!important;
 text-align: center;
} 

<style>


    


    
    
   
    
    <style>
        body {
            background: url(https://images4.imagebam.com/c2/bf/8a/MEAJ7T7_o.png) center center / cover no-repeat fixed;
            height: 100%;
            margin: 0;
            font-family: 'Cedarville Cursive', cursive;
            color: #fff;
            cursor: url('https://cur.cursors-4u.net/nature/nat-10/nat927.ani'), auto !important;
        }

        main {
            background: linear-gradient(0deg, rgba(255,27,70,0.5) 0%, rgba(255,118,39,0.5) 18%, rgba(255,234,65,0.5) 38%, rgba(65,250,51,0.5) 62%, rgba(77,119,255,0.5) 83%, rgba(253,45,217,0.5) 100%);
            border: 2px solid white;
            box-shadow: inset 2px 3px 5px white;
            padding: 20px;
            border-radius: 15px;
            margin: 20px auto;
            max-width: 1200px;
        }

        h1, h2, h3, h4 {
            font-family: 'Press Start 2P', cursive;
            color: #FF1d8e;
            text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #89CFF0, 0 0 5px #FFFFFF;
        }

        p {
            letter-spacing: 2px;
            font-weight: 700;
            line-height: 1.5;
            color: #FF1d8e;
            text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 5px white;
        }

        nav .top {
            background: url(https://i.ibb.co/bbZ9QHN/f5zqMC6.gif) center center / cover;
            border: 2px solid white;
            border-radius: 15px;
            box-shadow: 0px 0px 9px 7px #FF1d8e;
            margin: 1em 0;
        }

        nav .links {
            background: transparent;
            border: 2px solid white;
            box-shadow: inset 2px 3px 5px white;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 1em 0;
        }

        .profile-pic img {
            border: 2px solid white;
            box-shadow: 0px 0px 10px white;
            border-radius: 50%;
        }

        .profile h1 {
            text-shadow: 2px 3px 5px black;
        }

        .general-about, .profile-info, .contact, .table-section, .url-info, .blurbs, .friends {
            background: rgba(18, 58, 105, 0.5);
            border: 2px solid white;
            box-shadow: 0px 0px 10px white;
            margin: 0.5em 0;
            padding: 20px;
            border-radius: 10px;
        }

        .friends-grid img {
            border-radius: 50%;
            box-shadow: 0px 0px 7px 5px #FF1d8e;
        }

        a {
            color: #FFBCE5;
            text-shadow: 2px 3px 5px black;
        }

        a:hover {
            color: white;
        }

        .online img {
            content: url(https://images4.imagebam.com/14/91/5d/MEAJVIA_o.gif);
        }

        .count {
            color: #FFBCE5;
            text-shadow: 2px 3px 5px black;
        }

        footer {
            border: 2px solid white;
            box-shadow: inset 2px 3px 5px white;
            background: transparent;
            margin: 1em 0;
            color: white;
            padding: 20px;
            border-radius: 15px;
        }

        .search-wrapper input[type=text], button {
            background-color: #FF1d8e;
            border: 1px dotted white;
            border-radius: 10px;
        }

        button {
            color: #fff;
        }

        button:hover {
            background: #FF1d8e;
        }{
            color: white;
            text-shadow: -1px 1px 1px #89CFF0;
            background: linear-gradient(#FF1d8e, #89CFF0);
            border-bottom: 2px solid white;
            border-radius: 5px;
        }

        /* Loading Screen Animation */
        body:before {
            content: "";
            height: 100vh;
            width: 100vw;
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 100;
            background-image: url("https://64.media.tumblr.com/2e9565222d158f0aa407298b3e8a8ecc/20be16e273d19fea-87/s500x750/6a841954ecdc6fc349201762dfab00f9bb40ec0f.gif");
            background-size: 100%;
            background-repeat: repeat;
            background-position: center;
            background-color: black;
            animation: loadingAnimation 2.5s ease 0s 1 normal forwards;
            pointer-events: none;
        }

        @keyframes loadingAnimation {
            0%, 75% { opacity: 1; }
            100% { opacity: 0; }
        }
    </style>



            
        
    




<div class="online">
    <img src="https://i.ibb.co/V06s5Jj/Bli642a.gif" alt="Online"/>
</div>

<div style="float: right; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;">
    <img src="https://i.ibb.co/wr62ZzB/w763KDv.gif" alt="Floating Image"/>
</div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/c4j9Z9bwBBU//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>





PUT THIS IN THE WHO I'D LIKE TO MEET SECTION:

<img src="https://i.pinimg.com/564x/5e/0e/b0/5e0eb0b499ddd0de69ff7fdd765f59f6.jpg"/>

<img src="https://i.pinimg.com/736x/74/86/53/7486533b2c92e3e92215cc84b879e8d1.jpg"/>

<img src="https://i.pinimg.com/564x/50/ac/88/50ac884ed6bd0440a41778ea5b67b87f.jpg"/>



PUT THIS IN THE MUSIC SECTION:

<img src="https://i.pinimg.com/736x/ff/0f/bb/ff0fbb1973417f200a793ae305b2c9d7.jpg"/>

<img src="https://i.pinimg.com/736x/0c/af/06/0caf068057e9b0fd762b55231a6edca8.jpg"/>

<img src="https://i.pinimg.com/564x/39/a3/99/39a399879ad32e0e05cc04d435ee3d05.jpg"/>

<img src="https://i.pinimg.com/564x/a9/ce/62/a9ce623cd2e36a020007b07e793e8340.jpg"/>

<img src="https://i.pinimg.com/736x/f6/91/80/f69180fdddecf3f583b908d0fb7c12f8.jpg"/>


PUT THIS IN THE MOVIES SECTION:

<img src="https://i.pinimg.com/564x/61/9d/78/619d78e95bfea94d484526f809d4183a.jpg"/>

<img src="https://i.pinimg.com/736x/5f/f9/a1/5ff9a15f2a950e57120de26b1efac80a.jpg"/>



PUT THIS IN THE TELEVISION SECTION:

<img src="https://i.pinimg.com/564x/19/c5/78/19c57899188a0728a41c1355c35007ad.jpg"/>

<img src="https://i.pinimg.com/564x/f2/45/be/f245be6d128745fcc8f873234af19521.jpg"/>

<img src="https://i.pinimg.com/564x/cd/ce/3b/cdce3b5919463001aec18e4eb555614e.jpg"/>

<img src="https://i.pinimg.com/564x/d2/91/f9/d291f9978f399cf704fe1f05d9e10d69.jpg"/>


PUT THIS IN THE BOOKS SECTION:

<img src="https://i.pinimg.com/736x/63/0a/e1/630ae19c392e2cc815e16f8d588df1da.jpg"/>

<img src="https://i.pinimg.com/564x/3b/29/92/3b299204c71e88201fd8556de2feb2f8.jpg"/>



PUT THIS IN THE HEROES SECTION:

<img src="https://i.pinimg.com/736x/91/25/cc/9125cc10fb596ab888c131c44ddb49b5.jpg"/>

<img src="https://i.pinimg.com/564x/4d/e9/9a/4de99a96b989e7b90a683a3c859130c1.jpg"/>

<img src="https://i.pinimg.com/736x/f6/95/48/f695483ba24e64c3c88e14eba83edf95.jpg"/>PUT THIS IN THE HEROES SECTION:

<img src="https://i.pinimg.com/736x/91/25/cc/9125cc10fb596ab888c131c44ddb49b5.jpg"/>

<img src="https://i.pinimg.com/564x/4d/e9/9a/4de99a96b989e7b90a683a3c859130c1.jpg"/>

<img src="https://i.pinimg.com/736x/f6/95/48/f695483ba24e64c3c88e14eba83edf95.jpg"/>





   credit: aki/fuyu
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 5 of 5 comments ( View all | Add Comment )
GarotasPodres	1745703598 Usando Report Comment
Tiff	1742557905 using Report Comment
・❥・୨⎯ 𝐤𝐚𝐦𝐢𝐫𝐚 ⎯୧༊*·˚	1723707690 using!! XD Report Comment
echo	1721316427 usingg!! <33 Report Comment
kangelmoe	1721296690 using!! ^_^ Report Comment