gyaru layout !!

Tags: gyaru, pink, cute, leopard print, y2k, 2000s, layout, baddie

Description:

this is my first layout posting, i hope you like! please comment if using, you can link back if you want but it isn't necessary :-)
here's an example of how it looks
sorry to mobile users, it's not mobile friendly edit: thank you to all who use or like this layout, it means a lot !! edit 2: changed the discord hosted links

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by HAL 🌊🌴 (https://layouts.spacehey.com/layout?id=93951) -->

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-5/oth526.ani), url(https://cur.cursors-4u.net/others/oth-5/oth526.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/08/31/cute-red-cigarette-box.html" target="_blank" title="Cute Red Cigarette Box"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Red Cigarette Box" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
@font-face {
src: url(https://dl.dropbox.com/s/16ntpxj8fny66d6/Quick%20Love.ttf);
font-family: quick-love;
}
@font-face {
font-family: magazine;
src: url(https://dl.dropbox.com/s/9a122x5sim0udkw/MagazineLetterByBrntlbrnl-Regular.ttf);
    }
@font-face {
font-family: barbie; 
src: url(https://dl.dropbox.com/s/5u8tdmnu2w9cfxw/Barbie-Font.ttf);
}

:root {
    --logo-blue: black;
    --darker-blue: #b53389;
    --lighter-blue: #ff1493 ;
    --even-lighter-blue: #e4007c;
    --lightest-blue: #ffddf4 ;
    --dark-orange: #ff1493 ;
    --light-orange: url(https://i3.glitter-graphics.org/pub/1224/1224733mewyeclnnf.gif);
    --even-lighter-orange: #ffddf4;
    --green: pink;
}

nav .top {
  background: url(https://i7.glitter-graphics.org/pub/1627/1627407mypgme35g1.gif);
  font-family: quick-love;
  border: 4px #6f4e37 inset;
  width: 800px;
  position: absolute;
  top: 16%;
  left: 25%;
}
.logo {
content: url(https://i5.glitter-graphics.org/pub/1215/1215805r8cyf8la5q.gif);
}

nav .links {
  text-align: center;
  font-family: quick-love;
  background: antiquewhite;
  color: hotpink;
font-size: 6px;
  text-shadow: none;
  position: absolute;
  left: 8%;
  top: 50%;
  width: 200px;
  height: auto;
  border-width:10px;
border-style:solid;
border-image: url("https://hosting.photobucket.com/albums/bb183/phyncke_graphique/Pixel-Frames/.highres/a49U000028.gif?width=450&height=278&crop=fill") 9 fill round;
}

nav .links a {
  color: hotpink;
  text-shadow: none;
}
nav .links a:visited {
  color: #a50b5e;
  text-shadow: none;
}

nav .links a:hover {
  color: gold;
}
nav .links a:active {
  color: orange;
}
li.active .icon { content:url('https://bankofpixels.neocities.org/website/assets/images/library/f08aaadd.gif'); width: 20PX;height: 20px;}
a .icon {
  content: url(https://bankofpixels.neocities.org/website/assets/images/library/1d8f8425.gif)
}
.verified-info .icon.verified {
content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/charmmy-10.gif?w=560");
}

body {
  background: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F1.bp.blogspot.com%2F-tmQeRAy6C9s%2FX_gNVZ5MhEI%2FAAAAAAAAGZ8%2FNuerpdX7uCsP0LirsP43R5RJ9JoGIHcOgCLcBGAsYHQ%2Fs500%2FIMG_9586.JPG&f=1&nofb=1&ipt=8fb964ea1fee95f4e6d2fbef0a4ee46ae028ff168d6160500035ff69f8ba21fa&ipo=images);
overflow: auto;
scrollbar-width: none;
}
.image {
 background:url(https://cur.glitter-graphics.net/pub/3392/3392853pfens51i8b.gif);
   background-size: 100%;
  position: fixed;
  left: 10%;
  top: 34%;
  z-index: -1;
    opacity: 1;
  height: 163px;
  width: 160px;
  filter: drop-shadow(1px 1px 0 hotpink) drop-shadow(-1px 1px 0 hotpink) drop-shadow(0 2px 0 hotpink) drop-shadow(0 -1px 0 hotpink) drop-shadow(0 1px 1.5px pink) drop-shadow(0 -1px 1.5px pink) drop-shadow(1px -1px 1.5px pink) drop-shadow(-1px -1px 1.5px pink)
}

@media (max-width: 600px) {
.image{display:none;}
}

.image2 {
 background:url(https://cur.glitter-graphics.net/pub/3392/3392800fx4vz46mlv.gif);
   background-size: 100%;
  position: fixed;
  left: 64%;
  top: 74%;
  z-index: 1;
    opacity: 1;
  height: 174px;
  width: 156px;
filter: drop-shadow(1px 1px 0 hotpink) drop-shadow(-1px 1px 0 hotpink) drop-shadow(0 2px 0 hotpink) drop-shadow(0 -1px 0 hotpink) drop-shadow(0 1px 1.5px pink) drop-shadow(0 -1px 1.5px pink) drop-shadow(1px -1px 1.5px pink) drop-shadow(-1px -1px 1.5px pink);
}
@media (max-width: 600px) {
.image2{display:none;}
}

main {
  background: url(https://i10.glitter-graphics.org/pub/707/707570g7y1zfvon9.gif),  #ffcff1;
  position: absolute;
  top:25%;
  left: 25%;
  font-family: quick-love;
font-size: 10px;
    height:500px;
  width: 800px;
    overflow: auto;
  scrollbar-width: none;
 border-width:8px;
border-style:solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;
}
.col.w-40.left h1 {
  font-family: magazine;
  font-size: 25px;
  color: #a50b5e;
}
.online { visibility: hidden; } .online img { content: url("https://i1.glitter-graphics.org/pub/121/121901w06wmrds3w.gif"); animation-name: none; visibility: visible; height: 25px; width: auto;}

.profile-pic {
-webkit-mask-image: url(https://clipart-library.com/img/1906922.png);
-webkit-mask-size: 110%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

a {
color: #ca1f7b;
}
a:visited {
  color: yellow;
}
a:hover {
  color: white;
}
a:active {
  color: pink;
}

.col.w-40.left .contact {
background: url(https://cur.glitter-graphics.net/pub/3204/3204546wbz583hvl3.gif);
font-family: barbie;
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;

 }
    .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: url("https://bankofpixels.neocities.org/website/assets/images/library/f1365117.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
      /* add to favorites */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/3b9286a2.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
      /* send Message */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/05351bb0.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
      /* forward to friend */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/73ea1595.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
      /* instant message */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/6e1466c4.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
      /* block user */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/e4c5f167.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
      /* add to group */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/a434e03e.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
      /* report user */
      content: url("https://bankofpixels.neocities.org/website/assets/images/library/b3e22b76.gif")
    }

.col.w-40.left .url-info {
 background: url("https://cur.glitter-graphics.net/pub/3730/3730882ddcxzfzz62.gif");
}

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "ults";
  --topic2: "music";
  --topic3: "tv";
  --topic4: "movies";
  --topic5: "video games";
  --topic6: "other";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

.row.profile .col.right {
  background: url(https://i6.glitter-graphics.org/pub/2080/2080486xs56wh3do9.gif);
}

.blog-preview .pinned .icon{
content: url('https://bankofpixels.neocities.org/website/assets/images/library/0a4e653c.gif');
}

.heading {
 font-family:magazine;
  color: white !important;
  font-size: 18px;
}

.heading .more {
font-family: barbie;
}

.inner .comments-table {
  border: 2px hotpink outset;
}


td .comment-replies {
  border: 3px inset hotpink;
  padding: 1px;
  background: url(https://cur.glitter-graphics.net/pub/3500/3500767b8f8ggzozn.gif);
  color: black;
font-family: barbie;
}
.report a .icon {
content: url("https://bankofpixels.neocities.org/website/assets/images/library/025018c0.gif");
}


footer {
  width: 800px;
  position: absolute;
  top:75%;
  left: 25%;
  border: 4px hotpink inset;
  background: url(https://i7.glitter-graphics.org/pub/1043/1043887mh8luzkyre.gif);
  }
  </style>
  <div class="image"></div><div class="image2"></div>

put your about here :-)

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

Zack ✞	1752701461 Usingg <333 Report Comment
soso	1752515044 using Report Comment
sugaryswannedd	1751345614 using <333 Report Comment
sugaryswannedd	1751345503 using <333 Report Comment
TAHLlA	1751174838 rahhh so cute gonna use it ty ;3 Report Comment
kiara ><	1750801100 Using! <3 Report Comment
jade ୨୧	1750719033 using :P Report Comment
☆Sal!!(auto music)☆🍉	1749928224 USING!! \ (^o^) / Report Comment
xxSeeweedmommyxx	1749483818 using Report Comment
Rae <3	1748912825 Using Report Comment
Lili_.gal	1747958876 Usandoo❀♡ Report Comment
shu :3	1747457283 USINGG!! Report Comment
Kat(*≧∇≦)ﾉ	1747228065 USINGGG Report Comment
Sage 🕊️	1746966442 Using! ^^ Report Comment
Ana_Godoi	1746925203 using!! Report Comment
KellyLol27	1746848313 using hehe!! Report Comment
WetHairInTheSummer	1746326066 using thanks :3 Report Comment
mikaela	1746293749 USINGG Report Comment
eshaaa	1746291241 USING ! Report Comment
eshaaa	1746291238 USING ! Report Comment