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

•˙🐆 maimaiɞ🎀˙✦	1787262968 using :3 Report Comment
Fearthequeer	1786408638 using! Report Comment
tiaramisu	1786130412 usiiing ! <3 Report Comment
⋆｡˚꒰ঌ skye ໒꒱˚｡⋆	1784673004 using!! Report Comment
Rueben217	1782439530 USING OMG THIS IS TOO FABU!<3 Report Comment
ROXY⋆˚꩜｡	1780973384 using! Report Comment
𓂃𓂂🌺🐬Aurie໒꒱	1778578814 usingg Report Comment
Callie4ever	1778449239 Using<3 Report Comment
Carrie	1778349529 using! Report Comment
MIA	1778117225 usando Report Comment
💗𝓣	1777613293 Using Report Comment
delilah_disastrous [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