beach themed layout!

Tags: beach, summer, hello kitty, music, cursor

Description:

has falling little waves, a surfboard cursor, and a music player! you can change the music by locating the " " and changing the youtube link!

Preview:

click on the image for a larger preview

Code:

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

style&gt;.online { visibility: hidden; } .online img { content: url("https://i6.glitter-graphics.org/pub/247/247506q0u4vuh84c.gif"); animation-name: none; visibility: visible; height: 40px; width: 150px; }
<iframe width="0" height="0" src="https://www.youtube.com/embed/fTJlGUVPJto?&;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> .general-about .details{
  </style>

<style>
body {
background-image: url('https://i.pinimg.com/564x/08/49/f5/0849f5197a223e77303a6f32173378f7.jpg');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
/* ------------------------------------------------ */
/* ---------This is the background for ---------*/
/* -------------the contact table-------------- */
/* --------------------------------------------- */
</style>
<style>
.profile .contact {
background:url()
}
</style>


<style>
/* ------------------------------------------------ */
/* ------This is for the contact box------------ */
/* -----------------icons----------------------- */
/* --------------------------------------------- */
</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 {
/* fave me! */
content: "🥥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a msg */
content: "🍉"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 2 friend*/
content: "🍨"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant msg */
content: "🌸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block me */
content: "🩴"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* inv to group! */
content: "🏵️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report me! */
content: "🧋"
}   
</style>
<style></style>
<style>
.section:nth-of-type(2) > h4 {display: none; }
</style>
<div></div>
<style>* {cursor: url(https://cur.cursors-4u.net/sports/spo-8/spo702.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/02/02/beach-design-surfboard.html" target="_blank" title="Beach Design Surfboard"><img src="https://cur.cursors-4u.net/cursor.png" alt="Beach Design Surfboard" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>

.coco {
    background: url(https://64.media.tumblr.com/d6bbbdd3df25642803ec60a92f21c02f/tumblr_inline_pd21bllNuA1t9bi74_100.gifv) no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 20px;
    height: 200px;
    width: 150px;
    filter: drop-shadow(0px 0px 0px #000);
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.coco{display:none;}
}
</style>
<div class="coco"></div>
	<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>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  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>

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

Coconut Cutie	1766031635 using ;) Report Comment
𝓰𝔂𝓪𝓵𝓲𝓬𝓲𝓸𝓾𝓼𝓫𝓸𝔂𝓼𝓮𝓪𝓽𝓮𝓻	1762510552 Using Report Comment
𝓰𝔂𝓪𝓵𝓲𝓬𝓲𝓸𝓾𝓼𝓫𝓸𝔂𝓼𝓮𝓪𝓽𝓮𝓻	1762510552 Using Report Comment
Hellboy	1755552489 Using Report Comment
Safi Starie	1751343310 using Report Comment
ChynaAnn	1748049751 Fabulous Report Comment
yuuma	1741603768 using Report Comment
🌊💕rohit	1728854596 using!!! Report Comment
Takeko<3	1720167168 using :] Report Comment
ilx.isas	1720062983 Using from here in Brazil 🇧🇷<3 Report Comment
ilx.isas	1720062948 Usando/Using Report Comment
Steph	1668366504 Would like to use (: Report Comment