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

SugaryCoffin	1742567705 Gorgeous im using it Report Comment
SugaryCoffin	1742567705 Gorgeous im using it Report Comment
XxRainexX	1732438103 GONNA USE IT Report Comment
xxXDJ_lavesXxx	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
𝖊𝖋𝖋𝖎𝖊 ᶻ 𝗓 𐰁	1712184878 using!! Report Comment
blurb	1711201733 usuing :3 Report Comment
Voids4eki	1711078170 using!!! ty its so cool, you did a great job Report Comment
Blazingjaguar	1710849936 Using Report Comment
MILOOOOOOOOO	1708026580 using!! Report Comment
Meltyqueso	1703812559 Usingg Report Comment
rayne	1703495250 O JUST FOUDN OUT ABT THIS IM USING ITT Report Comment
mayy y r ,,	1699376723 OH ME GEE USING... Report Comment
xXHlfD3adMalumXx	1699187641 using!!! Report Comment
✮kylo✮	1698534372 using :P Report Comment
val	1698364880 using Report Comment
☆Ellie☆	1697994127 using Report Comment