RainBoom

Tags: mlp, pokemon, rainbow, nyan cat

Description:

hhhhhhello i made a thing, it comes with a rd that flies across screen, raining stars nd a pikachu tail cursor. its the layout im currently using so if you wanna see it in full just check my acc. feel free to customise it as you like [doesnt come w the edited boxes but if you want them just dm me]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Nat (AutoPlay Music) (https://layouts.spacehey.com/layout?id=26795) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Silkscreen&family=VT323&display=swap');
p{
    font-family: 'Silkscreen', cursive;
    font-size: 105%;
    color: white;
}

h1,h2,h3,h4,h5{
    font-family: 'Silkscreen', cursive;
    font-size: 100%;
    color: white;
}
    body {
      background: url(https://i.ibb.co/DRcxv9Q/Nyancatless20110725-22047-2vf3z5-1.gif);
}

main {
   background: none;
}

footer {
      background: url(https://i.ibb.co/DRcxv9Q/Nyancatless20110725-22047-2vf3z5-1.gif);
      color: #8cd6f4;
}

nav .top{
      background-color: #8cd6f4;
      margin: 1em 0;
}

nav .links{
      background-color: #f7e652;
}

:root {
      --logo-blue: #8cd6f4;
      --darker-blue: white;
      --lighter-blue: #f7e652;
      --even-lighter-blue: #f7e652;
      --lightest-blue: #8cd6f4;
      --dark-orange: white;
      --light-orange:#f7e652 ;
      --even-lighter-orange: #8cd6f4;
      --green: #8cd6f4;
}

</style>

<style>* {cursor: url(https://i.ibb.co/DW0Rt2V/d7rsojv-348eabde-e29c-4ddd-9987-72ff84daf2d7.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/10/23/cur68.html" target="_blank" title="Dance Dance Revolution DDR Blue"><img src="https://cur.cursors-4u.net/cursor.png" alt="Dance Dance Revolution DDR Blue" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
.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 Favorites */
    content: "☆"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
 /* Send Message */
    content: "☆"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward 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 to Group */
    content: "☆"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
    content: "☆"
}

</style>

<style>
@keyframes flying-santa{
  from{ left:-400px; }
  to{ left:calc(100% + 20px); }
}
#santa{
  position: fixed;
  left: -400px;
  top: 200px;
  width: 130px;
  animation: flying-santa 5s infinite linear;
  pointer-events: none;
}
</style>
<img id="santa" src="https://i.ibb.co/NrFymYW/dc69plk-723c7ada-23f2-486a-92b3-32c6cbf94f6b.gif"/>

<style>
.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:64px;opacity:.4;transition:all .3s;height:auto;margin:0;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.5);z-index:10;}
</style>

<style>
@media only screen and (max-width: 600px){
.class { thing }

}

</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/Wn607pq/blinkies-Cafe-Ek.gif"); animation-name: none; visibility: visible; height: 40px; width: 290px;
</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
     <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </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>

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

weirdoX)	1732642839 USING Report Comment
1 e4t b4b1es X3	1731397577 USINGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG Report Comment
sa1ge!!	1730818318 useing Report Comment
RAd10ACT1V3_S0AP	1725209943 USING! 1!1! x3 Report Comment
RAd10ACT1V3_S0AP	1725209943 USING! 1!1! x3 Report Comment
matthewsucks ☆	1724150863 usin!! :D Report Comment
clock	1714820888 using Report Comment objectifies fan in the wild by Pesk; 1716923536; Report u have found me by clock; 1716942398; Report
𝓯𝓻𝓮𝓪𝓴𝔂 HeLL iS foReVer WhEtHer yOu LikE it Or noT	1713960217 Using! Report Comment
Angelcomepizza	1713722668 Can anyone help me find just the code for nya cat 'online' please! Report Comment I found it!! .online { visibility: hidden; } .online img { content: url("https://i.ibb.co/Wn607pq/blinkies-Cafe-Ek.gif"); animation-name: none; visibility: visible; height: 40px; width: 290px; by ⛤Nikolai⛤; 1714237979; Report
Kat<3	1712749510 Usingg<3 Report Comment
postcrucifixxion	1706329428 can someone make me a code only w the rainbowdash gif? Report Comment Just posted the RD only code to my layouts. by Nat (AutoPlay Music); 1706617783; Report
*The Lord*	1703873917 using! >w< Report Comment
6VII	1699474274 yoinked the little floaty starz :3 Report Comment
Michael Smith	1697386232 omfg using.. Report Comment
strawberrygf	1693669866 US1NGGG Report Comment
sofiebite	1692402832 using Report Comment
oliver ₍ᐢ. ̫ .ᐢ₎	1690556312 usingg!! :33 Report Comment
Galentine(blinged out chihuahua)	1683417162 using Report Comment
not very active \| robin!	1681855687 USING!! ^_^ Report Comment =D by Nat (AutoPlay Music); 1681882834; Report