NECO-ARC

Tags: cat, cat, neco, neco arc, anime, gif, meme, cute, xd

Description:

NECO-ARC Interactiva

TEN TU PROPIA NECO-ARC, SI LE PASAS EL MAUS POR ENCIMA LA IMGEN SE CAMBIARA POR EL GIF Y SE PONDRA A BAILAR!!!!!!1!!

GET YOUR OWN NECO-ARC, HOVER YOUR MOUSE OVER IT AND THE IMAGE WILL CHANGE TO A GIF AND START DANCING!!!!!!1!!

Preview:

click on the image for a larger preview

Code:

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

    <style>
        .image-container {
            display: inline-block;
            position: relative;
        }

        .image, .gif {
            max-width: 100%;
            height: auto;
        }

        .gif {
            display: none;
        }

        .image-container:hover .image {
            display: none;
        }

        .image-container:hover .gif {
            display: inline;
        }
    </style>


    <p><strong style="color: red">¡¡¡¡ pasa el mouse !!!!</strong></p>

    <div class="image-container">
        
            <img class="image" src="https://i.ibb.co/ZzZNDmg/dance-cat-png.gif" alt="dance-cat-png"/>
            <img class="gif" src="https://media.tenor.com/OrFB82k1fdAAAAAj/necoarc.gif" alt="GIF"/></div>










<p>
width: auto; height: 190px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
@keyframes ramona{
  from{ left:-400px; }
  to{ left:calc(100% + 200px); }
}
#ramona{
  position: fixed;
  left: -400px;
  top: 15px;
  width: 130px;
  animation: ramona 6s infinite linear;
  pointer-events: none;
}
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 500px;
width: 130px;
animation: flying-santa 5s infinite linear;
pointer-events: none;
}





@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
    body {
        background-image: url(https://downloadhdwallpapers.in/wp-content/uploads/2018/06/Funny-Computer-Matrix-Animated-Gif-Hot-Nice.gif); 
        background-color: #007f7e;
        background-attachment: fixed;
        font-family: Libre Franklin;
        font-size: 17px;
    }
    
    /* width */
    ::-webkit-scrollbar {
        width: 20px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
          background: #dcdedf;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #bec7c9;
        border: 2px outset;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b5bdbf;
    }
   
    p {
        color: #000;
        font-weight: 500;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 12px;
        font-weight: 600;
        color: #fff;
    }

    :root {
        --logo-blue: #cfccc2;
        --darker-blue: #0000ff;
        --lighter-blue: #cfccc2;
        --even-lighter-blue: #cfccc2;
        --lightest-blue: #cfccc2;
        --dark-orange: #dc2b31;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: #000;
    }
    
    nav {
        margin: 10px;
    }
    
     nav .links:before {
        display: block;
        padding-left: 5px;
        padding-bottom: 1px;
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600;
        content: "spacehey - Microsoft Internet Explorer";
    }
    
    .top {
        color: transparent !important;
        height: 0 !important;
        background-color: transparent !important;
    }
    
    .top .left {
        display: none !important;
    }
    
    .top .center {
        display: none !important;
    }
    
    .search-wrapper{
        display: none !important;
    }
    
    .top .right {
        display: none !important;
    }
    
    .logout-btn{
        display: none !important;
    }
    
    .top a{
        color: transparent !important;
    }
    
    nav .links {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        padding: 0 0 3px 0;
    }
    
    nav .links a{
        font-size: 10px;
        color: #000;
        padding: 7px;
        font-weight: 500;
    }

    main {
        background: transparent;
        margin: 10px auto 10px auto;
    }
    
    .col.w-40.left h1{
        border-style: outset outset none outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        margin-bottom: 0;
    }
    
    .profile h1 {
        padding-left: 5px;
        font-family: Libre Franklin;
        font-size: 12px;
    }
    
    .col.w-40.left .general-about p{
        margin: 0;
        background: #cfccc2;
        font-weight: 500;
        color: #000;
    }
    
    .general-about {
        height: 178px;
        border-style: groove outset outset outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
        margin-top: 0;
        font-family: Times New Roman;
    }
    
    .general-about .profile-pic img {
        margin: 5px;
        height: 200px;
    }

    .general-about .details {
        margin-top: 15px;
    }

    .mood {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
        margin: 10px auto ;
    }

    .mood:before {
        display: block;
        padding-left: 5px;
        margin: 1px;
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        content: "Mood";
    }
    
    .mood p{
        font-family: Times New Roman;
        color: #000;
        padding: 5px 5px 0px 5px;
    }
    
    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        padding: 0px 6px;
        margin: 1px;
    }
    
    .profile .contact, .profile .url-info, .profile .table-section, .home-actions {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
    }
    
    .contact {
        background: #cfccc2;
    }
    
    .url-info {
        background: #cfccc2;
    }
    
    .url-info p{
        font-family: Times New Roman;
        color: #000;
    }
    
    .details-table {
        background: #cfccc2;
    }
    
    .table-section {
        background: #cfccc2;
    }
    
    .details-table td {
        border-bottom-style: groove;
        padding: 1px 2px;
    }
    
    .details-table p {
        font-family: Times New Roman;
        color: #000;
    }
    
    .profile-info {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
    }
    
    .blog-preview {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
    }
    
    .blog-preview h4 {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 5px;
        margin: 1px;
    }
    
    .blog-preview p {
        margin: 5px;
        font-family: Times New Roman;
        color: #000;
        font-weight: 500;
    }
    
    .blurbs {
        background: #cfccc2;
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
    }
    
    .profile .blurbs .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
        padding: 0 0 0 5px;
    }
    
    .profile .blurbs .section h4 {
        color: #000;
        padding: 0px;
        font-weight: 600;
    }
    
    .profile .blurbs .inner {
        font-family: Times New Roman;
        padding: 2 0;
    }
    
    .friends {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
        margin-bottom: 20px;
    }
    
    .profile .friends .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1);
        background-repeat: no-repeat;
        background-position: right;
    }
    
    .profile .friends .heading a {
        padding-right: 50px;
    }
    
    div.friends:nth-of-type(3) &gt; div.inner:nth-child(2) &gt; p:first-child &gt; b:first-child {
        font-family: Times New Roman;
        color: #000;
    }
    
    .profile .friends .inner {
        background: #cfccc2;
    }
    
    #comments .inner {
        height: 450px;
        overflow: auto;
    }
    
    #comments &gt; div.inner:nth-child(2) &gt; p:first-child &gt; b:first-child {
        font-family: Times New Roman;
        color: #000;
    }
    
    .comments-table td {
        border-style: none groove groove none;
        border-width: 3px;
        font-family: Times New Roman;
    }
    
    .comments-table td * {
        font-family: Times New Roman;
        color: #000;
    }
    
    footer {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #cfccc2;
        margin-bottom: 20px;
    }
    
    footer p {
        color: #000;
    }
          
</p>

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

Kazp3rX3	1741035273 using Report Comment
Kazp3rX3	1741035268 using Report Comment
Kazp3rX3	1741035261 using Report Comment
Kazp3rX3	1741035261 using Report Comment
Kazp3rX3	1741035248 using Report Comment
Kazp3rX3	1741035238 using Report Comment
Kazp3rX3	1741035236 using Report Comment
Kazp3rX3	1741035236 using Report Comment
☆Lucifur☆	1740842149 Usingg <3 Report Comment
N40MI	1740769408 using! Report Comment
ᶻ 𝗓 Ellis ᯓ★	1740461520 usando Report Comment
weirdsoobinstan	1740247108 using Report Comment
KiraKuroo	1740014395 us8jg Report Comment
★╯\|S4m !\| ╰★	1739749435 Usandopp Report Comment
★╯\|S4m !\| ╰★	1739749435 Usandopp Report Comment
𝒎𝒆𝒍o𝜗𝜚	1737929598 usando!!:3 Report Comment
goosebumps	1737314385 using!! Report Comment
Dinoaids	1736931942 using Report Comment
Paula	1736772599 usando Report Comment
Soulters	1736712843 using Report Comment