🤢 rainbow puke 🌈 - scene layout :3c

Tags: rainbow, scene, pink, glitter, gir, recolor

Description:

FEATURES: music autoplay, floating image, banner + footer, took out "who I want to meet" section, snowflake, shaking friend pfps, custom cursor

-----

if you want to use this please comment or friend me!

this is my first layout so please tell me in the comments or in DMS if something is wrong or I missed something in the description :) I plan on making more in the future so if you have suggestions for new layouts tell me that too! ^^

it took me the entire day to finish this so kudos are very much accepted! unfortunately im not that good with CSS so it's just a default profile recolor :3c

instructions:
1: paste this into the about me section in order for it to work!
2: where it says "sample text" delete that and replace it with your about me
3: continue to customize!! make it ur own and express yurself !!!

Code:

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

<style>
body {
    background: url(https://img1.picmix.com/output/stamp/normal/5/9/4/9/1939495_73c6a.gif);
}
main {
    background: url(https://i.pinimg.com/originals/c7/1e/d6/c71ed6bf886316bd9de2a0a41b8eae6e.gif);
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/wvMxs-AOSdY//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-4/too354.ani), url(https://cur.cursors-4u.net/toons/too-4/too354.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/04/01/too354-2-2-2-2.html" target="_blank" title="Invader Zim - Gir"><img src="https://cur.cursors-4u.net/cursor.png" alt="Invader Zim - Gir" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
:root {
    --logo-blue: url(https://i.pinimg.com/736x/10/53/00/1053002ce351984948ffb838bf317bbd.jpg);
    --darker-blue: white;
    --lighter-blue: lime;
    --even-lighter-blue: lime;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: #ff00aa;
    --even-lighter-orange: pink;
    --green: white;
}</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap');
h1{
font-size: 50px !important;
font-family: 'East Sea Dokdo', cursive;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 

<style> 
.profile h1{
background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style>

<style> 
@import url('https://fonts.googleapis.com/css2?family=Seymour+One&display=swap');
font-family: 'Seymour One', sans-serif;
text-transform:lowercase !important;
color:#FFFFFF;
font-size: 20px !important;
}
</style>

<style>
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px blue;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>
.msg1 {
    bottom: 7%;
    font-size: 0;
    right: 79%;
    postition: absolute;
    pointer-events: none;
    class="" or id=""
}
</style>

<style>
.blog-preview h4{ font-size:0; 
margin-bottom: 10px;color:black;}

.blog-preview h4 a{font-size:16px;margin-left:5px;}

.blog-preview h4:before{ content: "BLOG"; font-size:16px; padding:10px;text-shadow: 0px 0px 3px #FFFFFF;}

.profile .heading, .profile .friends .heading {
padding:0px;
    
}

.blurbs .heading{ font-size:0;}
.blurbs .heading:before{ content: "ABOUT"; font-size:16px; font-weight:bold; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "FRIEND COUNT"; font-size:16px; font-weight:bold; padding:10px;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "COMMENTS"; font-size:16px; font-weight:bold; padding:10px;}

.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: url(https://watermelon.crd.co/assets/images/gallery19/94d8abff.gif?v=90e42ef7)
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://watermelon.crd.co/assets/images/gallery01/cafcd3ec.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://watermelon.crd.co/assets/images/gallery10/753a7e45.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://watermelon.crd.co/assets/images/gallery10/ce05ee74.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://watermelon.crd.co/assets/images/gallery19/a4094bf5.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://watermelon.crd.co/assets/images/gallery01/d26cd1db.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://watermelon.crd.co/assets/images/gallery10/1f61573c.gif?v=90e42ef7)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://watermelon.crd.co/assets/images/gallery19/1ca113bc.gif?v=90e42ef7)
}
</style>

<style>
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: white; 
   } 
   a{
     color: red; 
   }
</style>

<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: url(https://i.pinimg.com/736x/c6/55/4e/c6554e9387d783447848e7f01bea8663.jpg)
  }    
</style>

<style> 
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#ffffff;
font-size: 15px;
}
</style>

<style>
.profile .blurbs .section h4{
display:none;}

main:before {
 width:auto;
 margin-bottom:25px;
 border:1px solid black;
 height: 200px;
 display:block;
 content: "";
 box-shadow: 0px 0px 5px 1px #ff4da6;
 background-image: url('https://i.pinimg.com/originals/0c/ac/ef/0cacef0c2230852b829ef0050fabcdff.jpg');
 background-position: center center;
 background-size: cover;
}</style>

<style> 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color: blue;
text-transform:lowercase !important;
color: white;
border-radius:13px;
border: 2px dashed  #031ff5
}
</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
  <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
  <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
  <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
  <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
  <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
    <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
    <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
     <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
    <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
    <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
  <div class="snowflake">
    <img src="https://maguro.carrd.co/assets/images/gallery11/0d99d342.gif?v=2e38620a"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>
.profile-pic img {
  border: solid var(--borders) 2px;
  border-radius: 180px;
  box-shadow: 0px 0px 8px var(--shadow);
}
</style>

<style>
    nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "🌈";
}
</style>

<style>
   .online{
  content: url("https://dl.glitter-graphics.com/pub/664/664081bhtkpaewxn.gif -- go to www.glitter-graphics.com");
}  
</style>

<style>
.person img{ 
  border: 1px solid black;
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.count {
  color: var(--links);
}
footer::after{
  bottom: 0;
  font-size:0;
  left: 80%;
  position:fixed;
  pointer-events: none;
  content:url("https://images-ext-1.discordapp.net/external/4KWu4qnfFaDnZ5cafsdV-26UbTEnSM54ZRRSRgfY8Jk/https/i.pinimg.com/originals/7f/8e/32/7f8e3227003611b595b481462668bb41.gif");
}
@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>

<blink> sample text :3 </blink>

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

Vex!	1741495933 Using Report Comment
KH330	1739394447 using ! Report Comment
slutt4kamm	1738801191 using :) Report Comment
zigg3y	1737569886 USING!!:] Report Comment
⟡𝚂𝙿𝙰𝚁𝙺𝙻3𝙶𝚄𝚃𝚉‧°꒰🐾꒱༘⋆🦴 (°ロ°)	1731442401 using:3 Report Comment
noah !!	1724552150 using >w< Report Comment
neimen hav er deit der	1721662779 how do i change the music :((( Report Comment
fudgechocolate!	1719568610 using! Report Comment
🌈🌴 ROB !! 🍗🦩	1702002269 using Report Comment
☆ Lynz - Eyestrain Warning ☆	1694036292 Using!! <3 Report Comment Hii!! can u share the link of the flying raibowdash in your profile plzz?? It`s so cooolll!! :DDDDD by misskittenn; 1705514289; Report
ErROr	1687204026 USING!! Report Comment
autizt1c	1686464917 UZING!!!:33 Report Comment
x.l16N_	1686380229 UZING, I LUV IT <@:3 Report Comment tysm!!! by rae ☆; 1686437084; Report tysm!!! by rae ☆; 1686437084; Report
XxXBl00dy0tt3rXxX	1684352901 Using!! such an amazing layout!!! Report Comment tysm!!!!! enjoy! by rae ☆; 1684544194; Report
mercymustdiex!!XP	1682157450 USINGG!! XD Report Comment hoipe u enjoy!! by rae ☆; 1683248029; Report hoipe u enjoy!! by rae ☆; 1683248030; Report
cloudypuff98	1679363931 using ! Report Comment ty for using!! i hope u enjoy it :3 by rae ☆; 1679810471; Report
Phillip Pirrup	1678673953 ong i luv it :3 Report Comment tysm!! by rae ☆; 1679810456; Report
.. oskarი ☥	1677762464 i luvv!!!!!!!!!! Report Comment tysm!!!! by rae ☆; 1677899247; Report
SleepToDvD	1676152400 000 its Aw3s0m3! Report Comment tysm!!! by rae ☆; 1676518693; Report
Jecka	1675424409 using Report Comment tysm!!! pls enjoy :D by rae ☆; 1675531035; Report