DJ Pon3 layout!!!!!! >;D

Tags: mlp, my little pony, dj pon3, scene, emo, 2000s

Description:

HAiii thiz is my 1st layout ever so plz be nice.@_@.... i used one of HACKSAWz layout as a base ^_^ comment if using :3 if anythingz glitched out or wrong plz tell me and ill try 2 fix it

Preview:

click on the image for a larger preview

Code:

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

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');
p{ font-family: 'Orbitron', sans-serif; 
font-size: 100%;
color: white; 
text-shadow: 1px 1px 1px black;
}

h1, h2, h3, h4, h5{
font-family: 'Orbitron', sans-serif;
font-size: 100%;
color: white;
text-shadow: 1px 1px 1px black;
}


body {
background:url(https://i.pinimg.com/564x/ce/24/10/ce241031f9ef0cfe076972510798522d.jpg) fixed;
}


main {
background:url(https://i.pinimg.com/564x/d8/79/5e/d8795e4a0cd6fe6c7f7340d199a99250.jpg);
border: none;
}


:root {
--logo-blue: transparent;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent ;
--lightest-blue:  transparent;
--dark-orange: white;
--light-orange:transparent;
--even-lighter-orange:;
--green: blue;
}

friends p, .friends a {
color: blue;
}

a:hover {
     color: turquoise;
   } 
   a{
     color: turquoise; 
   }

}
    .count {
        color: blue;
    }

.profile .friends .person p {
color: light blue;  
}
.profile .friends .person p:hover {
color: light blue;
}

friends p, .friends a {
color: light blue;
}

a:hover {
     color: white; 

}
    .count {
        color: grey;
    }


nav .top{
background-image: linear-gradient(to bottom right,#111211,#1094b5,#111211);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}


.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
text-align: center;
padding: .1em;
}

footer{
background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);
border-radius: 25px;
font-style: italic;
color: #FFFFFF;
}</style>

<style>
body { cursor: url(https://ani.cursors-4u.net/cursors/images13/cur1160.gif), auto; }

}
a:hover {
     color: white;
}

nav{ 
font-size: 13px !important;
font-family: 'Orbitron', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}


/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.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/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://64.media.tumblr.com/04f3b221c5956f11e45aa066a03392e7/b1b64738a833c00e-b9/s75x75_c1/aaf42ee9414f1fc790bac202380b5e07a54b3b3e.gifv);
}   

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}


count, .friends a p {
color: white;
}

</style>

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

RAVEN :3!!	1772347014 using !! Report Comment
1444	1762641742 using Report Comment
evan	1760310608 using Report Comment
RAWRRRR	1753834391 OMG IT SO COOL....to cool... Annabelle get them. Report Comment
RAWRRRR	1753834391 OMG IT SO COOL....to cool... Annabelle get them. Report Comment
blairblood	1752560018 Using!💗 Report Comment
blairblood	1752560018 Using!💗 Report Comment
C10v3r	1750323609 DEF USIN!1!1!1!1!! :3 Report Comment
KittieznStitchez	1748767344 usin! Report Comment
SugaryCoffin	1742567705 Gorgeous im using it Report Comment
SugaryCoffin	1742567705 Gorgeous im using it Report Comment
CRYPT1D_COYOTE	1732438103 GONNA USE IT Report Comment
xXxDJ_junsssxXx	1727396993 uSING!!!! Report Comment
PIXIE	1725515803 using!1! <333 Report Comment
@ KOIKAIS #	1719626768 Using Report Comment
XxDJ_Z0MB13xX	1713128641 Using : DD Report Comment
marcy ! 🎵	1712727984 possibly using Report Comment
𝚎𝚙𝚑𝚎𝚖𝚎𝚛𝚊𝚕 𝚎𝚏𝚏𝚒𝚎 [FD] 🐾 ᶻ 𝗓 𐰁	1712184878 using!! Report Comment
blurb	1711201733 usuing :3 Report Comment
Voids4eki	1711078170 using!!! ty its so cool, you did a great job Report Comment