Tropical Layout

Tags: blue, gyaru, tropical, hibiscus, y2k, 2000, beach

Description:

if you want to change anything go ahead. comment if you are using it. enjoy :3

Preview:

click on the image for a larger preview

Code:

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


<style>
        .online{content:url(http://dl6.glitter-graphics.net/pub/121/121896n9dppf5kxv.gif)}
    </style>

<style>
    body {
        background:url(https://64.media.tumblr.com/0705046a080680274c26806bb57d9802/6ce8a26bebe3f66a-e1/s540x810/6667aaeb94ff823ca16715e1cb461586a75287ef.jpg);
    }
</style>
<style>
    .profile {
       
 
background-color:#a8f9ff;
color:#0099ff;
text-shadow: 0 0 9px white;
    }


.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:#fffc96; 
text-shadow: 0 0 9px white;
background-image: url(https://64.media.tumblr.com/0705046a080680274c26806bb57d9802/6ce8a26bebe3f66a-e1/s540x810/6667aaeb94ff823ca16715e1cb461586a75287ef.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://64.media.tumblr.com/0705046a080680274c26806bb57d9802/6ce8a26bebe3f66a-e1/s540x810/6667aaeb94ff823ca16715e1cb461586a75287ef.jpg);
color:White; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://64.media.tumblr.com/0705046a080680274c26806bb57d9802/6ce8a26bebe3f66a-e1/s540x810/6667aaeb94ff823ca16715e1cb461586a75287ef.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: #fffc96;
--darker-blue:#ffbf00;
--lighter-blue:#94e1ff;
--even-lighter-blue:#6baeff;
--lightest-blue:##6baeff;
--dark-orange:White;
--light-orange:#94e1ff;
--even-lighter-orange:white;
--green:white;
}

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>
ㅤ
<div class="about"> 

!!Layout Created By Ram_Onfire!!
Put your about me information here!

</div>

<div>
stamps/blinkies/dividers go here
</div>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!~.˚𖤐💗"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "The 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: "My Interests & My 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>

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

tal	1741538024 using!! Report Comment
✩∘˚🌷𝓙𝓪𝓰𝓸𝓭𝔃𝓲𝓪𝓷𝓴𝓪🌷˚∘✩	1740301670 Using! Report Comment
aquadisiac	1739930172 using! Report Comment
lokiii ! 🐕	1736649030 using! <33 Report Comment
Tam 𓆉°❀⋆.ೃ࿔*:･	1735921878 using! Report Comment
sky	1735789597 using! Report Comment
Aquatic Disco	1734901300 using Report Comment
Z0MB1E	1734793806 using Report Comment
Abigail <33	1731710552 USING !! Report Comment
Seven	1730817641 using atm!! Report Comment
Symphony	1727419612 DEFINITELY USING Report Comment
𝙽𝚎𝚟𝚛𝚊 🇧🇷	1726883439 Using!! Report Comment
ledgerpilled	1725766736 Using! Report Comment
ledgerpilled	1725766736 Using! Report Comment
plumeria761	1725187086 Using! Report Comment
giulia	1722290909 using! Report Comment
juneau🌺🪷🍊🎨	1721216633 using Report Comment
p1umeria	1719055171 Using!! Report Comment
ᏪMarla!🤍	1715567068 Usingg!<3 Report Comment
EMMY	1715356761 using Report Comment