Gyaru-ish summer gloss

Tags: gyaru, music, animation, 2000s, blue, pink, summer, gloss, flowers, gif

Description:

UPDATE: IF YOU COMMENT THAT YOURE USING THIS LAYOUT AND YOURE NOT USING IT/MAKING AN EDIT OF IT YOUR COMMENT WILL BE DELETED. i think the coding might be all fucked up because i suck at css and i used a bunch of random code from other layouts but i think this turned out well and it works pretty well (for now lol). layouts/elements i used to frankenstein this: Windows Live Layout (https://layouts.spacehey.com/layout?id=31422) HIBISCUS SPACEHEY 🌺 MYSPACE CUSTOM LOGO (https://layouts.spacehey.com/layout?id=35422) Windows Vista/7 User Profile Icon (https://layouts.spacehey.com/layout?id=92054) lots of pinterest blingee whatever autoplay music layout i took the code from except i replaced the song with da di du de do da di by kago ai

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Salem (https://layouts.spacehey.com/layout?id=106035) -->

<style>
    main .left{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
</style>

<style>
    main .right{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
    
</style>

<style>


.general-about{

  position: relative;

 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://cdn.pixabay.com/animation/2022/10/19/02/45/02-45-03-592_512.gif') no-repeat;

  background-size: cover;

  display: block;

  width: 90px;

  height: 90px;

  z-index: 999;

  position: absolute;

  top: -60px;

  left: 39px;




</style>

<style>
.logo {
content:url("https://64.media.tumblr.com/636e5f2e6511ece9da79befa3e2f03ab/be1128c5c16cdf09-1d/s540x810/05bd8e87265ea8e4fcabd3e5ce489666439bf79c.pnj"); width: auto;
}

/* Gen Body Settings */

.container {
  border: 1px solid lightblue; 
}

main {
    background: url(https://i.pinimg.com/564x/3a/de/2f/3ade2f3f58a94cdaccc27413227ad1bc.jpg); 
  background-size: 100%; 

}

body {
   background: url(https://i.pinimg.com/736x/aa/51/1a/aa511a90855cf8a098314c0b6af5ad76.jpg);  
   background-size: 50%;
   backdrop-filter: blur(0.8px)}

footer {
   height: 130px;
   background-image: url(https://i.pinimg.com/564x/b9/8b/c0/b98bc04d3b90734dedf969772ef20027.jpg);
   background-position: centre !important;
   background-size: cover;}

.icon {
    height: 1em;
    width: 1em;
}
/* Profile Settings */

.details-table td {
  background-color: transparent;
  color: #2f748a;
}  

.details-table td p {
  font-size: 11px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #2f748a;
} 

.details-table td:first-child {
  background: linear-gradient(lightblue, white 20px);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
  color: #ff0076;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: normal;
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
}

.profile .contact .inner, .profile .table-section .inner {
    background: url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg); 
  background-size: 100%; 
    border: lightblue 1px solid;

    
}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

.profile-info h3 {
  font-weight: normal;
  font-size: 11px;
  color: #83a2ab;
  margin: 0;
}

.profile h1 {
  letter-spacing: 0.3px;
  font-size: 14px;
  margin: 0;
}

.general-about .profile-pic {
 height: 100px;
 border: 1px solid #2f748a;
 box-shadow: #a1c2cc 0px 2px 2px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.mood b, .profile .url-info b{
  font-weight: normal;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: #2f748a;
 font-weight: normal;
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.blog-preview a {
 color: #2f748a;
 font-weight: normal;
 font-size: 12px;
 font-family: "Segoe UI", Arial, sans-serif;
}

/* Nav Bar */

nav .links {
 background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: #2f748a;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: #2f748a;
  background: linear-gradient(white, lightgreen);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: #1a586c; 
  font-weight: normal;
}

nav .links li:not(:last-child)::after {
  color: white;
  text-shadow: lightblue 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: linear-gradient(#bddde8 , #1d94ba 40%, lightblue); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

/*PROFILE PIC*/
.profile-pic img{border-radius: 15px !important;
box-shadow: 0 0 7px 5px #ccffff}
.profile-pic{
border-radius: 18px !important;
position: relative;
filter: drop-shadow(0 0 0.25rem gray);

}
.profile-pic:after {
content: "";
background: url('https://i.ibb.co/Vm2fYv3/ezgif-5-7f325ec84d-removebg-preview-1.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 85%;
height: 100%;
padding: 5px
}


.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
    background: url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg); 
  background-size: 100%; 
  border: 1px solid lightblue;
  border-bottom: 0;
}


.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
  box-shadow: white 0 1px 1px 1px inset;
  color: #2f748a;
  font-size: 11px;
  font-weight: normal;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #91cfe3;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; 
}

.profile .blurbs .section h4 {
 color: #89AFDB;
 font-weight: normal;
 font-size: 13px;
 font-family: "Segoe UI", Arial, sans-serif;
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: "Segoe UI", Arial, sans-serif;
 color: #2f748a;
}

/* Friends */
.profile .friends .person img:not(.icon){
  width: 50px;
  height: 50px;
}

.profile .inner b {
 font-size: 11px; 
 font-family: 'ms ui gothic';
 color: #2f748a;
}

.profile .inner span.count {
 color: pink; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: "Segoe UI", Arial, sans-serif;
 color: #4983ce;
}

.profile .url-info{
   padding: 2px;
   background-image:url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg);
   background size: 100% !important;

}

.comments-table td:first-child {
  background: linear-gradient(#bddde8, #1d94ba 40%, lightblue);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid white;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table td {
 background-color: transparent; 
}
button:not(.logout-btn) {
 background: linear-gradient(#eefbee 15%, #91cfe3, #d0eff9); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(white, lightgreen); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #2f748a;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #91cfe3;
 border-radius: 2px;
 padding: 2px;
} 

<style>
.friends-grid::before {
<style>
.friends-grid::before {
	width: 1000px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;
}


.friends-grid::before{
	width: 1000px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;

</style>

<style>
/* 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: "🌺"
}   

</style>


<div align="center" style="z-index:9;visibility:visible;"><a href="&lt;/a"></a></div><style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/peacesignblueglitter.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/peacesignblueglitter.gif"), auto;}</style>

<h2></h2>
<img src="https://s3.amazonaws.com/blingee/images/content/output/2006/12/21/63340_f91192d1.gif" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://64.media.tumblr.com/39bbc1be2de3138bf3cb36e8127d22e3/tumblr_inline_p7okfdpVR61qm2lsy_500.gifv" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://media.discordapp.net/attachments/992666228508332033/1242274500096294953/Untitled_design_6.gif?ex=664d3dc9&is=664bec49&hm=6bbbbcadebc45618bb19ff71a0c15086a226c9a5d7dec2b3ac22ad44314e129d&=&width=993&height=559" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://64.media.tumblr.com/39bbc1be2de3138bf3cb36e8127d22e3/tumblr_inline_p7okfdpVR61qm2lsy_500.gifv" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://lh3.googleusercontent.com/proxy/6rTqbH_u0i0VLMORZ0syGj3BP7mEzepDExcZ9J5NpEViVsnIdD9pog9J6Mam_L6r4dOGyGECJQIz11iy3zNsriDkmwfZoAcghtafWu1ZwlYmLa0Vl3BfigVxym4r521iTwzwU3ZydSSQnA" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://64.media.tumblr.com/39bbc1be2de3138bf3cb36e8127d22e3/tumblr_inline_p7okfdpVR61qm2lsy_500.gifv" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://img.gifmagazine.net/gifmagazine/images/5599852/original.gif" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://64.media.tumblr.com/39bbc1be2de3138bf3cb36e8127d22e3/tumblr_inline_p7okfdpVR61qm2lsy_500.gifv" alt="Trulli" width="100%" height="100%"/>

<h2></h2>
<img src="https://24.media.tumblr.com/7bb4ae806f87a18eea5b53bf818aa60b/tumblr_mqvxayJlRB1s62al4o1_400.gif" alt="Trulli" width="100%" height="100%"/>

<iframe width="0" height="0" src="https://www.youtube.com/embed/NGAMKyR3i9g?loop=1&autoplay=1&controls=0&start" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://cdn.pixabay.com/animation/2022/10/19/02/45/02-45-03-592_512.gif" height="270"/></div>
<style></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 301 comments ( View all | Add Comment )

Pinky	1747431202 using Report Comment
_Rose_	1747236551 ussiiing Report Comment
darcy	1747037799 using!!@! Report Comment
Anna<3	1746963809 using! Report Comment
狂犬病(=^ ◡ ^=)	1746642199 using Report Comment
M4ADI3	1746400675 Using Report Comment
M4ADI3	1746400674 Using Report Comment
alice	1746327084 usingg so cute!! Report Comment
天使	1746267634 Using Report Comment
Liko Q. Deadcall	1746250477 Using! Report Comment
ℌ𝔞𝔯𝔤𝔬	1746227947 Not using , but this reminds me so much of daisuke. Report Comment
Ángel	1746167489 ¡¡Usiing!! Report Comment
vi vi!!☆	1746065876 Usiiing !! Report Comment
aben	1746063966 using Report Comment
Neoslayer!!!	1746021945 using! Report Comment
Mmmeeli	1746005706 usinggggg Report Comment
dah_mian	1745981432 USIIINNGG Report Comment
Esli ⋆˚✿˖°	1745883044 usisng yayaya Report Comment
daphne	1745866492 using!! :333 Report Comment
🌺🌸💮🫧𝓃ꪋᴡ𝑎𝑟Ꭵຣᥲᴡε𝚜ⲟෆε🫧💮🌸🌺	1745776701 using Report Comment