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

Rueben217	1782439530 USING OMG THIS IS TOO FABU!<3 Report Comment
ROXY⋆˚꩜｡	1780973384 using! Report Comment
𓂃𓂂𖡼.𖤣🌻Hanni໒꒱	1778578814 usingg Report Comment
Callie4ever	1778449239 Using<3 Report Comment
Carrie	1778349529 using! Report Comment
MIA	1778117225 usando Report Comment
💗𝓣	1777613293 Using Report Comment
selfish_delilah [glmrklldUS!]	1775765672 using Report Comment
Ms.Bel0ved	1775271115 using Report Comment
bibi	1772739642 Using!! Report Comment
Love_Gun	1772591100 Using Report Comment
Love_Gun	1772591097 Using Report Comment
nerose	1772375333 using!! tysm for this masterpiece🌺🌊 Report Comment
rooneyrocks	1772000750 using! Report Comment
Engiee_ey!	1771426258 using thank you!! 🩷 Report Comment
Yuri	1771384019 Usingg！ Report Comment
𝖆𝖓𝖌𝟜𝖑𝖛𝖆𝖑𝖊𝖊.𝖛	1770538563 vou começar a usar agora, tô apaixonada nesse layout....ainda tô aprendendo a mexer então vc me salvou muitooo :) Report Comment
darubez	1770069285 usingg Report Comment
ayesha ! (⁠⁠´⁠ω⁠｀⁠⁠)	1769933857 using !! Report Comment
Vivia	1769786252 Using! Report Comment