Tropicalcore layout !!

Tags: tropical, summer, pink, blue, cute

Description:

COMMENT IF UR USING!!

Preview:

click on the image for a larger preview

Code:

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

<style>

    
    body {
        background-image: url(https://i.pinimg.com/564x/c8/2f/87/c82f87fd058a120671215e92bb802dee.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    
     nav .top {
        background-image: url(https://i.pinimg.com/564x/75/59/ba/7559ba169e317ce6bdf8aaf8c9cb4a29.jpg);
        
        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url(https://forum.cavestory.org/attachments/3f5aad6c-d39c-4fb2-9cbf-7b27ab6128de-gif.6185/');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
    }
    
    main {
        background-color: transparent;
        color: white;
    }
    
    nav .links {
        background-color: transparent;
    }
    
    .profile-pic {
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
      

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: transparent!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
    }
    
    .container {
    }
    
    footer {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/236x/6a/f1/ee/6af1eed7fa743750d924b534d448b107.jpg);
        background-size: 800px;
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #transparent!important;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: transparent;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        font-size: 95%;
    }
    
    .online img {http://www.myspacegens.com/images/online_now/111.gif'');
       
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://www.picpng.com/_next/image?url=https%3A%2F%2Fcdn.picpng.com%2Fhibiscus%2Fsmall%2Fhibiscus-pink-tropical-flower-76964.png&w=1920&q=100);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ffffff;
    }
    
    a {
        color: #ffffff;
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    


     
    }
    
    .count {
        color: #ffffff;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #ffffff;
        width: 33%;
    }

    
    .profile .friends .person p {
        color: white;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
</style>

<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>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/JbvyePiDYjQAAAAC/summer.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/XnG7HG8bmkU/?&;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/anime/ani-10/ani969.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani969.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/11/my-melody-crying.html" target="_blank" title="My Melody Crying"><img src="https://cur.cursors-4u.net/cursor.png" alt="My Melody Crying" style="position:absolute; top: 0px; right: 0px;"/></a>

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

vivienne	1731964873 usingg Report Comment
FellowHimbo	1731694172 Using! Report Comment
IM FERAL	1730775765 Using <3 Report Comment
strawbbonezz	1728129478 ILY using Report Comment
🐢🌺Mads🌺🐢	1727325608 using!! Report Comment
MariLoveCandys	1724615351 using!! Report Comment
TROPICALgirlThatWantsToBeGyaru	1724101405 using Report Comment
TROPICALgirlThatWantsToBeGyaru	1724101394 using Report Comment
Ocean	1723823931 using Report Comment
confetti	1723134620 Using! Report Comment
benita	1722244922 using!! Report Comment
Solair ☆	1721579127 Using <3 Report Comment
Himari!	1721327526 usinggg !! thiz is so cute!! Report Comment
cherry	1720375760 using! tysm! Report Comment
fangi_ria	1720240134 Using Report Comment
PalmTree	1719595639 Using Report Comment
evameow	1719077617 using ! :) Report Comment
p1umeria	1719054478 Using!! Report Comment
Strawberryglitter	1717966866 Using :D Report Comment
DOLLY/MILES .	1716341991 using :3 Report Comment