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

quade	1745050630 using ty! Report Comment
dahliarus	1744986480 Using (idk what to do on this app srs) Report Comment
Nola	1743752658 using background! Report Comment
tal	1741538024 using!! Report Comment
✩∘˚💗𝓙𝓪𝓰𝓸𝓭𝔃𝓲𝓪𝓷𝓴𝓪💗˚∘✩	1740301670 Using! Report Comment
glitterbombshell	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
Sucker	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