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:

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.