totoro

Tags: totoro, studio ghibli, ghibli, miyazaki, pixel, compact, tiny, small, suni

Description:

totoro

sorry for the little hiatus, i've been a little off this week and haven't been feeling up to making anything but i just finished this and i'm pretty fond of it! a super compact layout with incredible animated pixel art (watermarked by the creators). aligned slightly off center with a fixed background.

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")
headers

these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes cursor and online icon.

(music not included in the code, just wanted to spruce up the preview a bit)

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

-if you use this, modify it slightly, and post it on the layout page as yours please at least give me some credit y'all♥-

(not optimal for mobile)

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id will be a number found under your account settings :^)

Preview:

click on the image for a larger preview

Code:

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

<style>
  :root {
        --logo-blue: transparent;
        --darker-blue: black;
        --lighter-blue: black;
        --even-lighter-blue: transparent!important;
        --lightest-blue: transparent!important;
        --dark-orange: black!important;
        --light-orange: black;
        --even-lighter-orange: white;
        --green: black;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;}
       
           
    .section {color: black!important;}
        p {color: black!important;}
        
    .blurbs{
        margin-top: -10px!important;
        text-align: center;
    }
   

    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px solid black!important;
        border-radius: 0px !important;
        font-size: 9px;
        color: black!important;
        
    }
    

    button{
        border-radius: 0px !important;
        margin-top: 2px;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 8px!important;
        background-color: white !important;
        color: black!important}
       
    
    body {
        background: #95c8a7;
        background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f2c1b4b5-0818-4170-81ad-e2a57f42f28f/d5srh9z-e8956766-4d0c-446b-b0ba-cc125b018a35.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZjJjMWI0YjUtMDgxOC00MTcwLTgxYWQtZTJhNTdmNDJmMjhmXC9kNXNyaDl6LWU4OTU2NzY2LTRkMGMtNDQ2Yi1iMGJhLWNjMTI1YjAxOGEzNS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.O5veopYKyKEGEcfbIIxp_wzEM2TkcNc_S7WhQHzXQxI");
        background-repeat: no-repeat;
        background-position: right center;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        font-size: 14px!important;
        
    }

.blog-preview {
        margin-top: 0px;
        margin-bottom: 15px;
        text-align: center;
        color: #000000;
        border: none;
    }
    
    .blog-preview p {
        font-size: 11px;
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        padding: 0px;
    }
    
 
 
    nav {
        color: black;
        background-repeat: repeat-x;
        margin-bottom: 0px;
        margin-top: -30px;
        text-align: center;
        overflow: hidden;
        border: none;
        border-color: none!important;

    }
    
    

    nav .links {
        background: url("https://64.media.tumblr.com/65d9b1971d152fcec6fbfb6b1f6552f3/tumblr_inline_p9xjqdHWPe1qid2nw_250.gifv");
        background-color: transparent;
        background-position: bottom!important;
        background-repeat: repeat-x!important;
        height: 70px;
        font-size: 11px;
        border:none;
        border-bottom: 1px black solid;

    }
    
    nav .links a{
        color: black!important;
        font-size: px;
        line-height: -200px!important;
    }
   
   
    
    .contact {
        font-size: 12px;
        font-family: times;
        border: solid 0px #fa90ac!important;
        background-image: url("https://64.media.tumblr.com/4a0273d84b24c94c0ce03bba5a7af363/50ee50266e3b33c6-13/s250x400/cc01367263f2a6f3eb457dce6e06a40a1eeb054d.gifv")!important;
        background-repeat: no-repeat;
        background-size: 0px;
        
    }
    
    .contact .inner {
        line-height: 0px;
    }
    
    .contact .inner a{
        font-weight: 2;
    }
    .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: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }

    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    
  

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:11px; color: black; font-weight: 1;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:11px; color: black; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
        border:;
        border-collapse: collapse;
        border-top: 0px;
        border: 10px;

        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px
    }
  
   .profile-pic {
        border-radius: 50px;
        border: solid black 1px;
        overflow: hidden;
        margin-top: -15px!important;
        height: 100px!important;
        width: 100px;
        
     
        
    }
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    
    .mood{
        font-weight: 1;
    }


    .heading {
        display:none;
    
    }
   
    .blurbs h4{
        text-align: center;
        font-size: 15px;
        font-weight: 1;
    }
    

    h1 {
        background: url("");
        font-size: 40px!important;
        font-family: times;
        font-style: italic;
        transform: ;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #000000;
        font-style: ;
        text-shadow: ;
        text-align: left!important;
        line-height: 30px;
        display: block;
        color: black;
        padding: 10px;
        width: 260px!important;
        margin-top: -265px!important;
      
    }
    
    


    
    main:before {
        background-image: url('https://i.ibb.co/0DzfTcS/MCDMYNE-EC003-H.jpg')!important;
        border: none;
        background-repeat: no-repeat;
        background-size: 350px;
        height: 250px;
        background-position: right center!important;
        background-color: white;
        display: flex;
        content: "";
        margin-bottom: 20px;
        margin-top: -6px;
    
}
    
    main {
        border: black solid 1px;
        background-repeat: repeat-x!important;
        background-size: 176px!important;
        background-color: white!important;
        border-top: none;
      
    }
    
   

    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 100px;
        margin-top: -60px;
        margin-right: 350px;
    }

        
 
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
     footer {
        border-radius: 0px;
        border: dotted 0px;
        background: url("")!important;
        background-size: 500px!important;
        background-position: top!important;
        background-repeat: no-repeat;
        display: block !important;
        line-height: 0px;
        height: 100px;
        margin-top: -10px!important;
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
   
    
    .blog-preview {
        margin-top: -65px;
        text-align: center;
        color: black;
       
    }
    
    .blog-preview p {
        font-size: 10px;
        margin-top: -10px;
    }
    .blog-preview h4 {
        font-size: 13px;
    }
    
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: #000000!important;
        
    }
    
    a:hover {
        text-transform: lowercase;
        font-style: italic;
        background: none;
        border: none;
    }
    
    a:visited {
        color: #000000!important;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

  .online {
        content: url("https://64.media.tumblr.com/tumblr_m1l9cyuKF91qb1380.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}


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

chihiro	1748006558 Using!! tysm! Report Comment
𝐎𝐩𝐡𝐞𝐥𝐢𝐚	1747795719 Using! this is the cutest thing ever and I love totorooo Report Comment
ʚ ria ɞ	1747681565 Useing Report Comment
ʚ ria ɞ	1747681565 Useing Report Comment
akira	1747503630 using this is so cute wahh Report Comment
Har har	1747365104 USING THIS CUTIE OMGOSH Report Comment
2a00p	1746505922 using Report Comment
2a00p	1746505922 using Report Comment
2a00p	1746505882 using Report Comment
nayhibiscus	1746393616 using Report Comment
MIKAEL	1745596090 used online symbol and contact buttons :) Report Comment
angelicall	1745268235 using ^^ Report Comment
Slipmami	1743875970 Usando essa belezura Report Comment
Jersey 𖹭	1743533524 Using it !!! Report Comment
truffle 𖦹	1742731975 usingg Report Comment
Glowrawr XD	1742581346 using!!!!!!!! Report Comment
kymlvr	1742401735 might use! Report Comment
🌿 : tunes :3	1742094714 using cursor! Report Comment
micha	1742003039 using!! Report Comment
Kaizita^^	1741954614 usandoo Report Comment