HAPPY STAR'S GUIDE TO OBJECT SHOWS!! :)

Tags: happy, silly, layout, gif, snowflakes, pfp, star, animation

Description:

⭐happy star!!! PLEASE COMMENT IF USING⭐

⭐

Preview:

click on the image for a larger preview

Code:

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

<style>
p.online {font-size: 0px;}
p.online::after{content: "☆ ONLINE";
color: white;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
       background:url(https://img.freepik.com/premium-vector/abstract-blue-vector-gradient-background-design_901408-13476.jpg) no-repeat center
fixed;
-webkit-background-size: cover
</style>


<style>
    .profile {
       
 
background:url(https://img.freepik.com/premium-photo/photo-smooth-gradient-background-square-gradient-2-colors-from-top-bottom-gradient-colorful_873925-56446.jpg);
color:white;
text-shadow: 0 0 9px black;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:White; 
background:url(https://img.freepik.com/premium-vector/abstract-blue-vector-gradient-background-design_901408-13476.jpg);
}

/* 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: "⭐"

}
footer {
border-radius: 15px;
background-image: 
url(https://media.tenor.com/tOtbJQS-ndEAAAAM/there-is-no-floor-cute.gif); no-repeat center
fixed;
-webkit-background-size: cover
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://static.vecteezy.com/system/resources/previews/003/031/764/non_2x/blue-wide-background-with-linear-blurred-gradient-free-vector.jpg"); no-repeat center
fixed;
-webkit-background-size: cover
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#17298f;
--even-lighter-blue:#172a99;
--lightest-blue:#112aba;
--dark-orange:white;
--light-orange:#17298f;
--even-lighter-orange:#0d195c;
--green:#0d195c;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends!!"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments!!"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "Interests + Socials!!"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!"; font-size:.8rem; font-weight:bold; color:White; }
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('<style>
p.online {font-size: 0px;}
p.online::after{content: "☆ ONLINE";
color: white;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
       background:url(https://img.freepik.com/premium-vector/abstract-blue-vector-gradient-background-design_901408-13476.jpg) no-repeat center
fixed;
-webkit-background-size: cover
</style>


<style>
    .profile {
       
 
background:url(https://img.freepik.com/premium-photo/photo-smooth-gradient-background-square-gradient-2-colors-from-top-bottom-gradient-colorful_873925-56446.jpg);
color:white;
text-shadow: 0 0 9px black;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:White; 
background:url(https://img.freepik.com/premium-vector/abstract-blue-vector-gradient-background-design_901408-13476.jpg);
}

/* 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: "⭐"

}
footer {
border-radius: 15px;
background-image: 
url(https://media.tenor.com/tOtbJQS-ndEAAAAM/there-is-no-floor-cute.gif); no-repeat center
fixed;
-webkit-background-size: cover
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://static.vecteezy.com/system/resources/previews/003/031/764/non_2x/blue-wide-background-with-linear-blurred-gradient-free-vector.jpg"); no-repeat center
fixed;
-webkit-background-size: cover
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#17298f;
--even-lighter-blue:#172a99;
--lightest-blue:#112aba;
--dark-orange:white;
--light-orange:#17298f;
--even-lighter-orange:#0d195c;
--green:#0d195c;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends!!"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments!!"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "Interests + Socials!!"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!"; font-size:.8rem; font-weight:bold; color:White; }
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://static.wikia.nocookie.net/obsoletebattleshow/images/b/b5/Hap_star_season_94.png/revision/latest?cb=20220507192356');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
</style>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://static.wikia.nocookie.net/obsoletebattleshow/images/5/5d/HappyStar.png/revision/latest/scale-to-width-down/1200?cb=20220221044444" width="300" height="200"/></div>
<img src="https://i.pinimg.com/564x/3e/14/1f/3e141f423f770eee0f3e7046aede8c8b.jpg" width="200" height="200"/>



<div class="snowflakes">

  <div class="snowflake">

   ⭐

  </div>

  <div class="snowflake">

  ⭐

  </div>


  <div class="snowflake">


  ⭐


  </div>


  <div class="snowflake">


  ⭐


  </div>


  <div class="snowflake">


  ⭐


  </div>


  <div class="snowflake">


  ⭐


  </div>


  <div class="snowflake">


    ⭐


  </div>


  <div class="snowflake">

    ⭐


  </div>


  <div class="snowflake">


    ⭐


  </div>


  <div class="snowflake">


    ⭐


  </div>


  <div class="snowflake">


    ⭐


  </div>


  <div class="snowflake">


    ⭐


  </div>


</div>

<style>
.snowflake {
  color: purple;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px 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>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;"><img src="https://static.wikia.nocookie.net/obsoletebattleshow/images/0/07/Happystar.png/revision/latest?cb=20220326213814" width="250" height="200"/></div>

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

PlanetSusie	1774669903 Do you by chance have the coding just for the floaty stars? I have been trying to build something like that for hours and am failing miserably lol Report Comment Never mind, I figured it out! Using (just the stars, but thank you!!!) by PlanetSusie; 1774756674; Report
WeirdStranger	1774447727 How obsolete and neat, I will be using Report Comment
ren (aka s0l4r)	1774365767 using! i guess Report Comment
Achilles	1773101048 uses this cutely............ Report Comment
Miyo (⁠≧⁠▽⁠≦⁠)	1772137108 WEARING!!! Report Comment
brina	1771964058 using Report Comment
Bomb-ANGRYBIRDs	1771921287 1 little happy star running around Report Comment
avli	1771840545 using Report Comment
Electrik	1770258745 using!! Report Comment
kazı	1769638897 usandoo Report Comment
kazı	1769638895 usandoo Report Comment
Sharky (◕_◕)𐙚	1769616796 USING!!! Report Comment
Jasper	1769405874 using frfr Report Comment
Jasper	1769405868 using frfr Report Comment
▀▄▀▄▀▄ENA FAN!▄▀▄▀▄▀	1769133834 USING DEFFF Report Comment
s1lly_th1ng_x3	1768802200 wooooah im def using this ^^ Report Comment
°-★Sara★-°	1768587146 USING :D Report Comment
Illium_.(^_-)ﾉ	1768222274 usingg :3 Report Comment
yaru	1767962839 Usando Report Comment
Ilunix	1767926468 usingggggggg Report Comment