into the sea!

Tags: cute, black, blue, sea, shark, starfish, clownfish, seashell, gif, animation

Description:

i made this layout, feel free to use and change anything you dont like or even steal stuff from it! please keep in mind that im new at coding so this layout is obviously not perfect. if anything isnt working please let me know and ill try my best to fix it! also if youre gonna use this please tell me on the comments :3

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/ne9ida4tyBk//?&;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>

<div class="corales"></div>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
     <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://media.everskies.com/yTkdiMxktPvEeDcdWR4h.gif"/>
  </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>
.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://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://media.everskies.com/ss1lhh2HxGz8e_xi_mGu.gif')
}
</style>

<style>
.logo {
content:url("https://media.everskies.com/G0eN2wi_v2nI6kt_oqYy.png");
}

.online { visibility: hidden; } .online img { content: url("https://media.everskies.com/s0F7MuWy2UE_MyOseOIE.gif"); animation-name: none; visibility: visible; height: 16px; width: 64px; }

  body {
   background-image: url(https://media.everskies.com/oI3pkYhQBpS6z_SbrmOQ.png);

}

footer {
    background-image: url(https://media.everskies.com/oI3pkYhQBpS6z_SbrmOQ.png);
    color: white;
   
}

    h1 {
        color: black;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
    }

:root {
    --logo-blue: black;
    --darker-blue: darkblue;
    --lighter-blue: darkblue;
    --even-lighter-blue: lightgray;
    --lightest-blue: white;
    --dark-orange: black;
    --light-orange: darkblue;
    --even-lighter-orange: white;
    --green: darkblue;
}

* {
    cursor: url(https://media.everskies.com/cjDbVgdmLkBuX2YsosdJ.png), auto !important;
}

 .corales {
    background: url(https://media.everskies.com/7oDHSOtGciAX3Db5vU61.png) no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 100px;
    bottom: 1px;
    height: 120px;
    width: 200px;
    z-index: 1000;
    opacity: 100%;
}

</style>

put your info here!

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

Jacccckssson	1709682941 using! thank u sm Report Comment
✧ PHOS 🦈	1701058520 this is rlly cute, using! Report Comment
🐟 ko	1698088965 using some !! super pretty layout ^_^ thxx Report Comment
Zoe !! ☆	1692908334 i would like to use this as a base, how can i get rid of the things flying over the screen? also can i use this as a base? Report Comment delete the snowflake links!!! and yes you can by gulu_gulu_s; 1692934694; Report ok ty by Zoe !! ☆; 1692935957; Report
⸝⸝ ꒰ zai ✧	1691557588 using ^_^ Report Comment
evan	1690247546 using !!!! this is adorable Report Comment
beast	1689883391 using !! :D Report Comment
laurie	1689811826 so cute! using :) Report Comment so glad you liked it!! ^_^ by gulu_gulu_s; 1689812200; Report love it! your layout is also rlly cool :) by laurie; 1689820411; Report tysmmm (o＾▽＾o) by gulu_gulu_s; 1689821813; Report