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

Arii >-<	1748832845 using >.< Report Comment
MIKA :3	1748419244 using Report Comment
Angy🩷	1748330546 using it!! Report Comment
Angy🩷	1748330514 using it!! Report Comment
cathedralbellz	1747088623 using !!! this is so cute ^^ Report Comment
nevada	1745671905 using Report Comment
BOHIYUBI	1745221164 Usando 💗 Report Comment
banbacve	1744952417 using Report Comment
𝙄𝙨𝙖 ⋆. 𐙚 ˚	1744574070 using :3 Report Comment
Noli	1744547405 using XD Report Comment
Anita°❀⋆.ೃ࿔*:･	1744290605 Using Report Comment
Anita°❀⋆.ೃ࿔*:･	1744290595 Using Report Comment
THR0WUPPUP0Z \| BRAINZ	1742611701 using!! Report Comment
Vila	1742506260 using<3 Report Comment
Shellstar!✨	1740591103 Usiiiing Report Comment
emma	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