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

Anelis :v	1731692128 USING Report Comment
n!a💿	1731618005 using=) Report Comment
Vivi!! ★	1731517741 Gonna use^^ Report Comment
Comet!	1731060700 Using! Report Comment
orange juice	1729904677 usando^^ Report Comment
(SATOKO !!! ♡🍮🍰)	1729488661 Using!!! Report Comment
𐙚 Wynnie / Wyn	1728444471 ¡Gracias chica! Report Comment
Ale.Meow	1728343946 Usando gracias!! (⁠≧⁠▽⁠≦⁠) Report Comment
❀Tiba❀	1724422157 Using! :D Report Comment
Alexandra!	1723539542 usingg!! Report Comment
Alexandra!	1723539542 usingg!! Report Comment
Amina<3	1723254953 using!!!!<3 Report Comment
Lexizzzz	1721938323 Usingggg tysm (> ^ <) Report Comment
Lilyz	1721809000 Using!!💋 Report Comment
comet	1721793544 using !! ☆ Report Comment
DANNY★	1721514015 Using!! ^^ Report Comment
Meg	1721358050 Using! Report Comment
Izzy	1721000289 Using!! Report Comment
mizz_s4r4	1720094053 using!! Report Comment
saturn [sys]	1719621590 🌈using!! Report Comment