Rainbow

Tags: scene, 2000s

Description:

another layout I made cause I was bored, you can make any changes you want! no need to credit me :) used https://www.glitter-graphics.com if you want to check it out yourself btw!

Preview:

Code:

<!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=92599) --> <!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=87819) --> <style> @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); font-family: 'Press Start 2P', sans-serif; </style> <!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=92599) --> <!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=87819) --> <!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=92599) --> <!-- (c) Layout created by Wafflezaurus (https://layouts.spacehey.com/layout?id=87819) --> <style> @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); font-family: 'Press Start 2P', sans-serif; </style> <style> body { background: url(https://i1.glitter-graphics.org/pub/815/815011rt5ijp07yb.jpg); background-repeat: no-repeat; background-size: 900; background-attachment:fixed; } main{ background-image: none; background-position:undefined; background-attachment: fixed; background-size: auto; background-color: transparent; color: #ffffff; text-shadow: 1px 1px 2px #000000, 0 0 8px #000000; font-family: 'Press Start 2P', sans-serif; font-size:12px } .contact, .url-info, .table-section, .blurbs, .friends, .comments { background-image: none; background-position:undefined; background-attachment: fixed; background-size: auto; https://i7.glitter-graphics.org/pub/2768/2768037nc3b2khrag.gif border: 2px Solid #ffff!important; box-shadow: 0 0 8px #000000, 0 0 8px #000000; text-shadow: 1px 1px 2px #000000, 0 0 8px #000000; } .heading{ background: url(https://i7.glitter-graphics.org/pub/2062/2062827y5it758tmz.gif); } a, .count { color: #ffffff; } footer { background-image: none; background-position:undefined; background-attachment: fixed; background-size: auto; background-color: transparent; color:White; } .profile .friends .heading { background-image: url(https://i7.glitter-graphics.org/pub/2062/2062827y5it758tmz.gif); color: #ffffff; text-shadow: 1px 1px 2px black; text-align: center; } .profile .blurbs .heading{ background-image: url(https://i7.glitter-graphics.org/pub/2062/2062827y5it758tmz.gif); color: #ffffff; text-shadow: 1px 1px 2px black; text-align: center; } .profile .contact .heading{ background-image: url(https://i7.glitter-graphics.org/pub/2062/2062827y5it758tmz.gif); color: #ffffff; text-shadow: 1px 1px 2px black; text-align: center; } .profile .table-section .heading{ background-image: url(https://i7.glitter-graphics.org/pub/2062/2062827y5it758tmz.gif); color: #ffffff; text-shadow: 1px 1px 2px black; text-align: center; } :root { --logo-blue: none; --darker-blue: none; --lighter-blue: none; --even-lighter-blue: url(https://i.pinimg.com/originals/ce/7d/33/ce7d33e008c598ac14456e6294fe034f.gif); --lightest-blue: black ; --dark-orange:White; --light-orange:url(https://i.pinimg.com/originals/ce/7d/33/ce7d33e008c598ac14456e6294fe034f.gif); --even-lighter-orange:black; --green:black; } nav .links { font-family: 'Press Start 2P', sans-serif; background: url(https://i2.glitter-graphics.org/pub/2084/2084142rz3vd75bup.gif); text-shadow: 1px 1px 2px black; } .online {content:url("https://i4.glitter-graphics.org/pub/70/70114ow466u9oc3.gif"); height: 50px; width: 200px; } img:hover , .url-info:hover , .online:hover { animation: shake 1s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } </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.