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

⟡ ݁₊ . 𝒥ℴ𝓇𝒹𝓎𝓃.꩜ .ᐟ	1754861013 using! :D Report Comment
pam	1752591793 using!! Report Comment
lunie !!	1752430123 using! Report Comment
mizuki .ᐟ.ᐟ	1751703576 using Report Comment
Mel	1750632204 using Report Comment
Mar 🌺	1749919471 Usingg <3 Report Comment
haru!!!	1746713840 USING!! Report Comment
JustaJazzyGal	1745639189 using ty!! Report Comment
⊹ 𐔌　゛ Matheo ⸝⸝	1745098691 using Report Comment
kinetics✰	1742147399 using Report Comment
Bea :3	1741558634 using! Report Comment
zaramira	1740594342 using! (●'◡'●) Report Comment
𝖆𝖘𝖈𝖔𝖗	1739893018 using Report Comment
supiaa 🐾	1739740255 using!!!! thanks <333 Report Comment
˚₊‧꒰ა ♱ ໒꒱ ‧₊˚ISᗩ	1739422484 usingg Report Comment
˚ ཐི⋆♱𝒜𝓃𝑔ℯ𝓁♱⋆ཋྀ ˚	1738816149 Using! this is so cute!!! ^^ Report Comment
shimmyy ݁ ˖๋ ࣭ ⭑	1737854024 usinggg !! Report Comment
S 💥	1737663524 Using! Report Comment
𝓻𝓲𝓪 ۶ৎ	1737093675 using! <3 Report Comment
nadine	1736831023 using! Report Comment