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

RoverTheBomb999	1751931682 Using :3 Report Comment
𐙚 ⋮ ryu꒱ ‧₊˚	1751909137 using!! Report Comment
el >_<☆	1751897259 will be using !! Report Comment
` ㅡ riko * finn	1751801160 usingg! Report Comment
Blossom_Foxy	1751566757 using :3 Report Comment
. ／ ⋆ ۪ ❝ mika .	1751525870 using !! Report Comment
ɑׁׅ֮᥊ׁׅꫀׁׅܻᥣׁׅ֪ ꨄ	1751310155 Using! Report Comment
dorimi	1751293070 using! Report Comment
batty baphomet	1750888387 using! Report Comment
gigi	1750813214 usingg! Report Comment
Chetnaaa𖹭✮⋆˙	1750670250 is there any way that I can remove the song but keep everything else Report Comment at the very bottom of the code above the last line (the bouncing animation which you can get rid of if youd like as well) theres the music code where it says "youtube.com/embed" or something similar, delete what that line says (basically where both points say iframe on that line of code), hope this helps !! !! by Salem; 1750704513; Report thankss!!!! by Chetnaaa𖹭✮⋆˙; 1750916254; Report
knz	1750558203 usingg Report Comment
Matyy	1750459465 using :3 Report Comment
unias con tierra	1750365365 using !! i love it tysm Report Comment
Safi Starie	1750344036 using! Report Comment
LIYAA ;3	1750251407 i used it, ty it's so beautiful! Report Comment
P5ナット!☘️	1750054383 hello.. for some reason it doesn't work on my laptop, please fix this issue. Report Comment could you let me know what part isnt working? if the whole layout is blank you might have text somewhere thats messing w/ the code or something like that. Thank 4 letting me know ! !! !! by Salem; 1750084023; Report
Sienna	1750031885 using thiss Report Comment
Vaska	1749926837 Usingg Report Comment
Niki (⁠✿⁠^⁠‿⁠^⁠)	1749924494 Usinghh Report Comment