Y2k Gyaru Themed Layout

Tags: pink, gyaru, y2k, 2000s, glitter

Description:

if you want to change anything go ahead. comment if you are using it. enjoy :3

Preview:

click on the image for a larger preview

Code:

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


<style>
        .online{content:url(https://dl.glitter-graphics.com/pub/352/352870r1wbtx0gci.gif)}
    </style>

<style>
    body {
        background:url(https://gifcity.carrd.co/assets/images/gallery70/c76ee35d.gif?v=7421cb56);
    }
</style>

<style>
    .profile {
       
 
background:hotpink;
color:white;
text-shadow: 0 0 9px white;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:solid; 
 border-width:4px; 
 border-color:white; 
text-shadow: 0 0 9px white;
background-image:url(https://i.pinimg.com/564x/7c/79/d8/7c79d87f940297f276a949f512506b3a.jpg);
}

/* 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: "💋"
}
.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/7c/79/d8/7c79d87f940297f276a949f512506b3a.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/7c/79/d8/7c79d87f940297f276a949f512506b3a.jpg");
    }
    
    nav { background: black url(""); }

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

}
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"> 

Put your about me information here!
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
stamps/blinkies go here
</div>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!🌺"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</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 Interests & My Socials!!🛍️"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!🎧"; 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>

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

THR0WUPPUP0Z \| BRAINZ	1742611701 using!! Report Comment
Vila	1742506260 using<3 Report Comment
Shellstar!✨	1740591103 Usiiiing Report Comment
zari	1740275770 Using! Report Comment
pietra ☭ (she/her)	1739870299 using!! Report Comment
maï <3	1738972154 using Report Comment
Dollce Spektra ♡	1738118382 Using Report Comment
yoojin	1737658905 using ^^ Report Comment
⋆˚｡⋆୨✧୧˚ 𝑳𝒂𝒚_𝒖𝒓 𝒈𝒐𝒐𝒅𝒈𝒊𝒓𝒍 ˚୨✧୧⋆｡˚⋆	1737312082 Using Report Comment
⁺‧₊˚ ཐི⋆♱⋆ཋྀ ˚₊‧⁺	1737296101 usingg Report Comment
soph	1736917151 using Report Comment
magiccharmss	1736890122 using!! Report Comment
natii !	1735613830 using <3 Report Comment
keith	1735536209 Usinnnn Report Comment
🦴xXluca >_<Xx🌕	1735425416 Using Report Comment
🦴xXluca >_<Xx🌕	1735425407 Using Report Comment
nia	1734819639 usingg Report Comment
Cupid	1733702819 Using!! Report Comment
MUS1CNSH1T	1733393492 Using!! Report Comment
axel	1732686335 SOOO USING OMG Report Comment