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

Bunnyyy	1763846206 Using :3 Report Comment
Awwika	1763556908 Using :) Report Comment
anchovy	1763528500 using!!1 Report Comment
:] pixiedust [:	1763506898 im using ☆: .｡. o(≧▽≦)o .｡.:☆ Report Comment
Mellia! 🌊	1763439960 Usingg!! Report Comment
Antxoa	1763378675 Omg so cutee!! Using Report Comment
Dolliz	1763368124 using, tysm Report Comment
dolcett3	1763257704 using xoxo Report Comment
𝐤𝐢𝐧𝐠𝐬𝐨𝐟𝐬𝐮𝐛𝐮𝐫𝐛𝐢𝐚𝟖	1763114914 usingggg Report Comment
JuiceyJ	1763062090 using :) Report Comment
lilly	1762852264 using! Report Comment
soleil🪽	1762747012 Using ! Report Comment
Monika 🧁	1762529339 using ^\^ Report Comment
𝑺𝒊𝒆𝒏𝒏𝒂꩜⭒°｡	1762521698 using :D Report Comment
𐔌 . yoriichi 𐂯	1762320889 using ^q^ Report Comment
Retrobotica	1762264156 using :DDD Report Comment
suki	1761409326 using1! Report Comment
Nexus_Stryker	1761314660 High key just using the wallpaper, but thanks! Report Comment
ihxtz˗ˏˋ ★ ˎˊ˗	1760659616 Usando Report Comment
·․– annabananasx	1760197925 USANDO Report Comment