animal crossing layout

Tags: acnh, cute, simple, animal crossing, suni

Description:

animal crossing layout

a cute lil animal crossing layout i made! includes an animated header.

this layout hides your url, links, friends, and comments.

includes online now
icon and cursor.

♥ if you like it/use it, please leave a comment, and feel free to add me!♥

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 is 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=1722) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

    :root {
        --logo-blue: #549168;
        --darker-blue: #000000;
        --lighter-blue: #9fe7d1;
        --even-lighter-blue: #9fe7d1;
        --lightest-blue: #FFFFFF;
        --dark-orange: transparent!important;
        --light-orange: #9fe7d1;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;} 
       
    .section {font-size: 11px!important;}
    
    body {
        background: white;
        background-image: url("https://i.ibb.co/VgHqCsC/nfil94odgxe41.png");
        background-repeat: repeat;
        background-size: ;
        background-attachment: repeat;
        text-transform: lowercase;
        font-family: arial;
        
    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        color: black;
    }
    
  
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        margin-bottom: 0px;
        border-radius: 0px 0px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: dotted 1px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color
    }

    nav .links {
        background: #549168!important;
        font-size: 11px;
        

    }

    nav { background: #ffffff url(""); 
        
    }
    nav img.logo{
        filter: ;
    }
    
    .contact {
        font-size: 11px;
        font-family: helvetica;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .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/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.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/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.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/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.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/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/be1024445f84cc65e4dbff1959d6c090/tumblr_inline_p9tifnY7vF1qbn90k_75sq.gifv")
    } 

    .profile-info{
        border: none;
        font-family: fredoka one;
        font-size: 35px!important;
        font-weight: 200;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        color: #9fe7d1!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        margin-bottom: 1px;
        background-image: url("");
    }	
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
        border: dotted 0px;
        border-collapse: collapse;
        border-top: 0px;
        background: white!important;
        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: dotted 1px;
        border-right: dotted 1px;
    }
    .profile-pic {
        border-radius: 500px;
        border:none;
        overflow: hidden;
        margin-top: 0px!important;
        filter:;
    }
    .heading {
        margin-top: 00px;
        padding: 5px 0 !important;
        background: transparent!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        color: black!important;
        font-size: 11px;
        text-align: left;
        font-family: ;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        border-bottom: 1px dotted;
        border-color: black!important;
        line-height: 0px;
    
    }
    h1 {
        background: url("");
        width: 250px;
        font-size:50px!important;
        font-family: fredoka one;
        font-weight: 200;
        transform:;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center;
        line-height: 39px!important;
        display: block;
        color: #9fe7d1;
        padding: 10px;
        margin-top: -10px!important;
        margin-bottom: px!important;
        
    }
    
    .search-wrapper input[type=text] {
        background-color: white!important;
        border: 1px dotted!important;
        border-radius: 0px !important;
        font-size: 9px;
    }
button{
        border-radius: 0px !important;
        border: 1px dotted!important;
        text-transform: lowercase; 
        font-family: helvetica;
        font-size: 9px!important;
        background-color: white!important;
        width:;
        color: black!important}

    
    main:before {
        background-image: url('https://64.media.tumblr.com/35e29a343805d487c63994c1d5031c76/dfdad708ad9aad79-84/s400x600/d158aba2799b736a02bd184da3d8dd83b47a0082.gifv');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        content: "";
        width: 100%;
        height: 250px;
    
}
    
    main {
        border-radius: 0 0 0px 0px;
        border: dotted 1px;
        background: url("")!important;
        background-color: white!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 80px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px;
        border: dotted 1px;
        background: #549168!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
    }
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview p {
        font-size: 10px
    }
   

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

    a:link {
        color: ;
        background:none;
    }
    
    a:hover { 
        text-transform: lowercase;
        text-decoration-style: wavy!important;
        color: black!important;
        border: none;
        filter: opacity(100%);
    }
    
    a:visited {
        color: black!important;
    
    }

.friends
{display:none;
    }



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

    .online {
        content: url("https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth583.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 11 of 11 comments ( View all | Add Comment )

AZ26Hunter	1709322081 using Report Comment
lweenny	1705437334 def using!!! Report Comment
charon [req closed]	1688923699 using for my blog :)! Report Comment
KAngel / Chespin	1684162456 useinf :D Report Comment
Emi	1681219802 using! Report Comment
Islay	1676329583 best layout ever i love acnh Report Comment
zuzu	1672617572 this is so cute and pretty and well done, thanks! using it ^^ Report Comment
ethan hilton	1659622928 hiiiiii used this layout and it’s honestly the best I’ve come across on here THANK UUUU Report Comment
Seth Hahn	1636723999 This is so cute Report Comment
Dominick	1614569879 Hi, I was trying to use this layout but I was wondering if it was possible to make the headings that say about me and who i'd like to meet visible? I'm not very good at html so I can't figure it out on my own but I'd really appreciate some help!! Report Comment yes yes just adjust the dark-orange part in the root to whichever hex code you want. :^) by sun; 1614580746; Report Oh okay, thank you so much!! :) by Dominick; 1614634231; Report
Ayesha	1613810380 thank you!! this is sooo cute Report Comment im glad you like it :^) by sun; 1613810665; Report