Tropical Hello Kitty Layout

Tags: hello kitty, pink, pastel, tropical, cute, anime, layout, 2000s

Description:

I am now addicted to making layouts. The layout is wider than it looks in the picture. main is 800-900px. Please Credit and Add if you use.

Preview:

click on the image for a larger preview

Code:

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

<style>
.profile-info{display: none !important;}
</style>
<style>
    .container{
        
    width: 900px !important;
        
    }
</style>







<style>
   .icon, .award img {
        content: url(https://creazilla-store.fra1.digitaloceanspaces.com/silhouettes/7971146/hibiscus-flower-silhouette-4bb7ee-md.png);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    .online img {
        content: url(https://creazilla-store.fra1.digitaloceanspaces.com/silhouettes/7971146/hibiscus-flower-silhouette-4bb7ee-md.png);
        height: 2em;
        margin-right: 7px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }

main{
	border:8px double #9765a5;
	overflow-y: scroll!important;
	margin: auto;
	background-image: url(https://i.pinimg.com/564x/ec/fc/21/ecfc218f0d90f20687366728d41d7651.jpg) !important;
        background-size: !important;
}

</style>


    



<style>

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

   font-family:'Lilita One', cursive;!important;  

   color: #9864A6!important;  

   text-shadow:  #049ac5 2px 0 5px;!important;  

   letter-spacing: 5px;
   
}

body {

   background-color: transparent!important;
   background-image: url(https://i.pinimg.com/736x/41/f7/a8/41f7a81d859f88da08de8808ffddc8d7.jpg) !important;
   background-size:cover ;
   background-repeat: repeat;
}

.top, .links, footer, button {

   background-color:transparent!important;
 

}

.heading {
   background-color:#F46CAD!important;
}

h1 {

   font-family: 'Lilita One', cursive; !important;  

   font-size: 18px !important;

}

h4 {

   color:#FFFEAE!important;

}

.contact, .url-info, .table-section, .profile-info {

   border-color: #9765A5!important;

}

td {

   background-color: #FEFEA6 !important;

}

input, button:not(.logout-btn) {

   border: 1px groove white!important;

}
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/03/b6/d5/03b6d5a86cf99511b806c245c5964352.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
</style>
<style> .contact:after {
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://i.pinimg.com/564x/aa/9b/e9/aa9be9c4ceb63d4ec705ae838057b9dd.jpg');
        background-position: center;
        background-size: 240px;
        background-repeat: no-repeat;
    }
</style>
<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/24/3d/d9/243dd9710967c9bd86598b225c15efd7.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
    .contact{
        
    background-color: white!important;
    background-image: url('https://i.pinimg.com/736x/41/f7/a8/41f7a81d859f88da08de8808ffddc8d7.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center top!important;
        
    }
</style>
<style>
    footer{    
    background-color: transparent!important;
         }
</style>

<style>
    .url-info{
        
    background-color: #FEFEA6!important;
        
    }
</style>

<style>
 .logo {
  
  content:url("https://64.media.tumblr.com/8f5825974d6d65148312903e31448b06/b6c0aa2433ecd51c-68/s400x600/79b6a626d0d1ff8d45e21aca7016fe45f0673abc.pnj")
  
  }
  
  </style>
<style>
    .links{
        
    background-color: transparent!important;
        
    }
</style>
<style>
    .blog-preview{
       
    background-color: #C7EAFD!important;
    background-image: url('') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
    
    }
</style>
<style>
    .mood{
       
    background-color: #C7EAFD!important;
    background-image: url('') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    .blurbs{
       
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/736x/41/f7/a8/41f7a81d859f88da08de8808ffddc8d7.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
    border:8px double #9765a5;
        
    }
</style>
<style>
    .friends{
       
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/736x/41/f7/a8/41f7a81d859f88da08de8808ffddc8d7.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
    border:8px double #9765a5    
    }
</style>
<style>
    .comments-table td{
       
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/736x/41/f7/a8/41f7a81d859f88da08de8808ffddc8d7.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
    border:8px double #9765a5    
    }
</style>
<style>
    .general-about{
       
    background-color: #C7EAFD!important;
    background-image: url('') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/yCSQgoR5myo//?&;amp;;autoplay=1&;loop=1&;controls=1" title="hello kitty theme song" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

supiaa	1739741176 using!!!! thanks <3 Report Comment
s★mr★r★_zaza	1736320648 Usandooooooo Report Comment
☆yonjii/partigracie☆	1733017859 using Report Comment
🏄‍♂️🌺;;#KENNEDEY!	1732392223 using!! Report Comment
_Laineybrug_	1727205866 using Report Comment
Marilyn	1722513770 Using Report Comment
Torii!!!!	1722367657 using Report Comment
fangi_ria	1720243136 Using!! Report Comment
Spamster101	1715251741 Using!! Report Comment
Evorcy	1712772809 Using, thanks u !! ^o^ Report Comment
gab	1708495248 usingg Report Comment
♡ sophie	1707414958 using ty :D Report Comment
lia	1698561254 USING TY Report Comment
Norma	1694403185 using Report Comment
💐whiterose_fairy💐	1690805742 Using! ️ Report Comment
kosarii	1690376615 Usandooooo Report Comment
May_acid	1690371386 using!! Report Comment
C.T Zoeya	1689879011 Thank you. I am going to use it 💕 Report Comment
dinosaur★rwar	1689381906 Using! Report Comment
MEOWZERZZ	1689122025 MAY USE IT SOMETIMES Report Comment