SILLY CAT LAYOUT ^_^ (REQ)

Tags: cat, brown, beige, gif, silly, autism

Description:

a silly cat layout for animalcrackerX3 ! ! ! including a heart-shaped icon, custom online status, shaky images, comment scrollboxes, a custom notification image, and more !

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by BOW / BIVE ✦ (https://layouts.spacehey.com/layout?id=36878) -->

<style>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi266.ani), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/02/onion-club-onion-head.html" target="_blank" title="hello kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Transparent Star" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>


    body{
        
    background-image: url('https://bloominglantanas.carrd.co/assets/images/gallery12/6a932e91.png?v=db012d77') !important;
    background-style_color: #ffffff !important;
    background-repeat: repeat !important;
    background-position: center !important;
        
    }


    main{
     
    background-color: #fcf2eb !important;
    border: 1px solid black !important;  

}


    .heading{
        
    background-image: url('https://i.pinimg.com/564x/6f/59/23/6f59232019972f35ec977d6224d342d2.jpg') !important;
    background-position: center !important;
    border: 1px solid black !important;   
        
    }

    .links{

    background-color: #ab644d !important;

}


.logo{content: url(https://media.discordapp.net/attachments/999948090691833906/1135044854813053028/cathey.png);width: 165px !important;height: 42px !important;}


.general-about img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}


h1{
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
 
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}


    .top{
        
    background-color: #ab644d !important;
    border: 1px solid black !important;        

    }


    .profile-pic img{
        
border: 1px solid black !important;   
        
    }


    .contact{
        
border: 1px solid black !important;   
        
    }


    .url-info{
        
border: 1px solid black !important;   
        
    }


    table.details-table{
        
    border: 1px solid black !important;   
    background-color: #fcf2eb !important;
        
    }


   table.comments-table{display: block;height: 400px!important;overflow-y: scroll;}


    .profile .details-table td{

    border: 1px solid black !important;   

    }


    .friends{display: block;height: 400px!important;overflow-y: scroll;
    border: 1px solid black !important;   
        
    }


    footer{
        
    border: 1px solid black !important;   
        
    }

    .profile-info{
        
    border: 1px solid black !important;   
        
    }


    .blurbs .heading{color: #e8cdbc !important;}

    .friends .heading{color: #e8cdbc !important;}

    .contact .heading{color: #e8cdbc !important;}

    .table-section .heading{color: #e8cdbc !important;}

    .table-section td {color: #e8cdbc !important;
    background-color: #ab644d !important;}

    .profile .blurbs .section h4 {color: #ab644d !important;}

    a{color: #e6957a !important;}


    .online{content: url("https://autism.crd.co/assets/images/gallery03/9404c016.gif?v=a2781ae8") !important;
 width: 120px; 
 height: 69px; 
}


.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://64.media.tumblr.com/e0a71910b36749ddf9c46b50f29085bf/39e4a3799b55f633-f0/s75x75_c1/ecc116878a0ec1b9d2e3f52ac4c5e2e8d959cac2.gifv'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://64.media.tumblr.com/d0f1319b5ee9a296b7b36925df60552a/52dce1ebb7340895-3f/s75x75_c1/cc65c35bbba9e8d3d7e26b7aeeb68b866a7c0315.gif'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('http://caz.pausedlife.com/Images/KittyIceCream3.gif'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px;  
 background-image: url('https://mikejima.crd.co/assets/images/shadow/3c729936.gif?v=0ef41667'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://xyz.crd.co/assets/images/gallery10/a8a8d546.gif?v=364e4a1e'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://yokai.crd.co/assets/images/gallery25/4ac2013e.gif?v=b4df531c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://64.media.tumblr.com/ae86d5eb96f3acacd84b43ccf442e5db/59135d7438088698-1b/s1280x1920/c96b08505fa199b8a561ccf4fb384fc0339879d7.gif'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://pixel.crd.co/assets/images/gallery01/20fa45ad.gif?v=f96483b1'); 
 background-size: 100% 100%;
} 


li.active .icon { content:url('https://64.media.tumblr.com/tumblr_mdnsivG5zy1qdlkyg.gif'); width: 20PX;height: 20px;}


.container{width: 690px !important;}


.top{border-radius: 10px 10px 0 0 !important;}main{border-radius: 0 0 10px 10px !important;}


table.details-table {
  border: 0px trans;text-align:center;border-radius: 5px;}

:root {
  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "TV";
  --topic5: "Games";
  --topic6: "Friends";}


img:hover {
  animation: shake 0.5s;

  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>

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

ELISSA ^_^

1690742467

CAN U MAKE A GOODPUFFER ONE? 1?1?

Report Comment

sure !

by BOW / BIVE ✦; 1690754002; Report

POSTED ^_^

by BOW / BIVE ✦; 1690852506; Report