THE AMAZING DIGITAL CIRCUS LAYOUT!!!

Tags: the amazing digital circus, tadc, autoplay, rooksdotxml

Description:

ooooo boy this one was a fun one to do!!!!! --- in this layout you'll find: - a loading animation with caine - an animated banner with the cast - a custom cursor - custom link dividers, contact icons AND logo - a funky looking nickname - the main tadc theme playing in the background AND to top things off . . . it FLOATS!!!!!!! how cool is that!? (you can use this as a base if you so desire . . though please credit me somewhere if you do!)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ROOKS / DYNA / BEAN / RUBIX 🫀 (https://layouts.spacehey.com/layout?id=83292) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/H-AT42lYGBg?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Sans+MS');
body{font-family: "Comic Sans MS" ;}
</style>

<style>

:root 
{       --logo-blue: ;
 	--darker-blue: #0064ff ;
	--lighter-blue: #ac0b0a;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--white: ;

       }

    body{

    background-image: url('https://i.ibb.co/dg4ZtJj/ezgif-2-c324da06ed.png') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    
    }

    main{
     
    background-color: COLOR !important;
    background-image: url('https://i.ibb.co/3N2hx8Z/ezgif-2-682a65ba1a.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
        
    }

    .top{
        
    background-image: url('https://i.ibb.co/fFCqDpq/79subsb-IZfzz-doh.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: NO-REPEAT !important;
    background-position: center !important;

}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Ridge; 
 border-width:6px; 
 border-color:#ffd500; 
background-image: url(https://i.ibb.co/4mKp5Lx/8ef1f4b12a3811acdc39aa14950bbbf1f6002481.gif);
}

    footer{

    background-image: url('https://i.ibb.co/4mKp5Lx/8ef1f4b12a3811acdc39aa14950bbbf1f6002481.gif') !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
    background-position: center !important;
    border: 6px Ridge #ffd500
        
    }


.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://i.ibb.co/fdSY8Vp/79616e7a8d32e35e7a0984a51ed3d73b6db992da.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */

	    content: url("https://i.ibb.co/5KK2mVx/ebc2d6611209c9392421f05396bf5fa67ca387d4.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/qmsRw9m/1df6e76ea9e5fa1e4736ce09588d5b3ca2937926.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/VBXCr4K/dacd6f450d48854d25a1357547d3a6fada68315e.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/fdSY8Vp/79616e7a8d32e35e7a0984a51ed3d73b6db992da.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/5KK2mVx/ebc2d6611209c9392421f05396bf5fa67ca387d4.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/qmsRw9m/1df6e76ea9e5fa1e4736ce09588d5b3ca2937926.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/VBXCr4K/dacd6f450d48854d25a1357547d3a6fada68315e.gif")
}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("https://i.ibb.co/rmDtytm/a43df0cb49e504514561e0b4e7bf1a4c0be95d1c.gif") !important;

padding-left: 4px !important;

}
</style>

<style>

    .logo{content: url(https://i.ibb.co/j6Q4Tz1/The-Amazing-Digital-Circus-logo.webp);width: 165px !important;height: 82px !important;}

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

</style>

<style>
@import url("https://fonts.googleapis.com/css?family=Akaya+Kanadaka");

.w-40 h1{
font-family: Akaya+Kanadaka;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#0064ff, #ff0001);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px white;
}
</style>

<style>
main:before {
width: 100%;
height: 400px;
display: block;
content: "";
background-image: url('https://i.ibb.co/g9rQpk8/the-amazing-digital-circus-tadc.gif');
background-position: center;
background-size: cover ;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;

</style>

<style>
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol307.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/21/new-year-party-ribbons.html" target="_blank" title="New Year Party Ribbons"><img src="https://cur.cursors-4u.net/cursor.png" alt="New Year Party Ribbons" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/zuCbldpAhz8AAAAd/tadc-the-amazing-digital-circus.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 7s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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 34 comments ( View all | Add Comment )

𝖙𝖍𝖊𝖔™	1730473825 USING AAAAAA Report Comment
supermunch!🐾	1708789733 USING this is so cool!!! Report Comment
Void	1704302163 Using! Report Comment
Void	1704302157 Using! Report Comment
KandiSoda	1703645912 USING!!!! ^w^ Report Comment
jules ˚. ୭ 📕	1702643625 USING!!!!!!!! RAHHH!!!!!!!!!! I tweeked it a bit though <3 Report Comment
pixelatd..confetti	1700006652 DEFINITELY USING Report Comment
cherri	1699932871 using ! Report Comment
FRIEDCHILDREN★	1699751307 Using Report Comment
zoob	1699305933 usin :3 Report Comment
sunny <3	1699025494 using :3 Report Comment
MELODY !	1698926439 USING :D Report Comment
Ghost!	1698495552 SO PRETTY, USING Report Comment
sid / richie	1698457064 using !!!! Report Comment
☆Nick!☆	1698370713 HOlY SHITTT USING!! Report Comment
☆Nick!☆	1698370712 HOlY SHITTT USING!! Report Comment
Bee_Stingz	1698278804 usinggg Report Comment
T E S S A ! ☆	1698054484 USINGGG Report Comment
starrz_	1698027186 using!! :3 Report Comment
Vamp1r3Skull	1698005053 i like thisss Report Comment