THE AMAZING DIGITAL CIRCUS LAYOUT 🤡🌈 ! POSSIBLE EYESTRAIN WARNING !

Tags: tadc, the amazing digital circus, 2000s, eyestrain, clown, clowncore, kidcore, aesthetic, simple, minimalistic
Description:

hiii1!!!! so this was requested by cosmo https://spacehey.com/cosmeowz sooo hehehe this isnt my best not favorite layout but its good for now i guess idfk.... i spent way too long on this and im so god damn tired..... zzzzzzz anyways enjoy... feel free to change the profile picture or get rid of whatever.
Preview:

click on the image for a larger preview
Code:

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

<style>

.general-about .profile-pic {
    height: 165px;
    border: 3px solid #000000;
    border-image: url(https://img1.picmix.com/output/stamp/normal/8/1/3/3/1003318_9f394.gif) 1 1 stretch;
    box-shadow: #000000px 2px 2px;
}

.profile-pic > img { display:none; }

.profile-pic:after { background-image: URL("https://media.tenor.com/-EE6WXu9MAcAAAAd/jax-digital-circus-digital-circus.gif"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

<style>

 font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://external-media.spacehey.net/media/slwc5ygv64YyzB6kJJvE1trs97U4Y7O1CkILcFkt1HV4=/https://i.ibb.co/dg4ZtJj/ezgif-2-c324da06ed.png);
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover;
}
.profile {
   background-image: url(https://i.pinimg.com/736x/01/e5/40/01e540c9cf04d717ab73afc7a50d5533.jpg); 
 }
main:before {
    width: auto;
    margin-bottom: 0px;
    height: 175px;
    display: block;
    content: "";
    background-image: url(https://media.tenor.com/dfoVPmMFbDcAAAAd/the-amazing-digital-circus-caine.gif);
    background-position: center center;
    background-size: cover;
}

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/NZD50zgMiY0AAAAd/tadc-the-amazing-digital-circus.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 6.5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

footer {
    border-radius: 15px;
    background-image: url(https://media.tenor.com/-wKq2HpoZ0UAAAAC/the-amazing-digital-circus-digital-circus.gif);
    color: white;
}
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/VIe0Cs8hf7Y?si=BUnrQ-vCDhXTR6RP//?&;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>* {cursor: url(https://i.ibb.co/mXtY14z/balloon1.gif), url(), auto !important;}
</style>

<style>
.profile h1 {
    font-family: romantic;
    font-size: 50px;
    letter-spacing: 12px;
    margin-bottom: -60px;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(https://media.tenor.com/KdtU9q5XTkEAAAAC/rainbow.gif);
    color: transparent;
    filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 cyan) drop-shadow(0 -2px 0 pink) drop-shadow(1px 0 red)drop-shadow(1px 3px 1px rgba(0,0,0,0.5));
    margin-bottom: -19px;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: rubberBand;
    z-index: 2;
    text-align: center;
}
@keyframes rubberBand{
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, .95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
</style>

<div style="float:  ; max-height: 400px; position: fixed; right: 150px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/eaRKx_oPNvAAAAAd/kingler-tadc.gif" width="&#10;200" height="200"/></div>


<style>
@keyframes flying-santa{
  from{ left:-400px; }
  to{ left:calc(100% + 20px); }
}
#santa{
  position: fixed;
  left: -400px;
  top: 200px;
  width: 130px;
  animation: flying-santa 5s infinite linear;
  pointer-events: none;
}
</style>

<img id="santa" src="https://external-media.spacehey.net/media/s5sJfbXQRoInznxJfFmqgLJHBErL1q8U3eqyFRQXeuNE=/https://24.media.tumblr.com/8210fd413c5ce209678ef82d65731443/tumblr_mjphnqLpNy1s5jjtzo1_400.gif"/>

<style>
.top {
    background-image: url(https://external-media.spacehey.net/media/sNQTfku2jhTjuvWjyMCmI2QJW2zVvWV307nL1__CjPLg=/https://i.ibb.co/fFCqDpq/79subsb-IZfzz-doh.jpg) !important;
    background-attachment: scroll !important;
    background-repeat: NO-REPEAT !important;
    background-position: center !important;
}
.logo {
    content: url(https://external-media.spacehey.net/media/sBpRByK0UaqWJGeD0afP9RlcxJoj_KCtyN4gBfBEGPuY=/https://i.ibb.co/j6Q4Tz1/The-Amazing-Digital-Circus-logo.webp);
    width: 132px !important;
    height: 200px
px
 !important;
}
</style>


<style>
main{ 
content: ""; 
border: 2px solid !important;
box-shadow: 0px 0px 0px ; 
width: 100%; height: 600px; 
padding: 0px;
overflow-y: auto; 
</style>
<style>
.online {
    content: url(https://i.ibb.co/C2BFzGM/clown.gif);
    height: 60px;
}
</style>

<style>
.profile .contact {
    padding: 10px;
    width: 300px;
    height: 100px;
    border: 10px
px
 black solid;
    background-image: url(https://i.makeagif.com/media/8-09-2023/ResZzp.gif);
    background-attachment: center center;
    background-position: fit;
    background-repeat: no-repeat;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid var(--lighter-blue);
    margin: 10px 0;
}
<table class="details-table" cellspacing="3" cellpadding="3">
</style>

<div style="float:  ; max-height: 300px; position: fixed; left:100px; bottom: 9px; z-index: 200;">
<img src="https://i.ibb.co/GQqsJZK/clown.gif" width="200" height="300"/></div>
<style>
:root {

        --logo-blue: #(color number);

        --darker-blue: #(color number);

        --lighter-blue: #(color number);

        --even-lighter-blue: #(color number);

        --lightest-blue: #(color number);

        --dark-orange: #(color number);

        --light-orange: #(color number);

        --even-lighter-orange: #(color number);

        --green: #(color number);

    }

</style>

<style>

html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url('https://wallpapers.com/images/featured/scenecore-background-d6n8mpakxl4r2nfm.jpg');

  content: "";

  height: 300%;

  left: -50%;

  opacity:.2;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}
<style>
 }
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: none;
}
table.details-table {
    border-collapse: collapse;
}
table.details-table td {
    background-color: transparent !important;
} 
/* HIDE PROFILE URL */
.profile .url-info {
    display: none;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
body{font-family: 'Concert One', sans-serif;}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: black;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ !important;
}

</style>
<style>
.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: "🤡"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "🤡"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🌈"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🌈"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🤡"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🤡"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🌈"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🌈"
}
</style>
heres some blinkies n shit that i think fit &gt;:) : <img src="https://combatbaby.neocities.org/mygraphics/gay.png"/> <img src="https://99gifshop.neocities.org/items/5/rainbow_9267.gif"/> <img src="https://99gifshop.neocities.org/items/6/Party.gif"/> <img src="https://99gifshop.neocities.org/items/5/startwnkleclr.gif"/>
<img src="https://99gifshop.neocities.org/items/1/rainbowbfly.gif"/>
<img src="https://99gifshop.neocities.org/items/1/songcat2.gif"/>
<img src="https://99gifshop.neocities.org/items/1/spinningcd.gif"/>
<a href="https://www.glitter-graphics.com/myspace/text_generator.php">custom text</a>
<a href="https://www.glitter-graphics.com/generators/rainbow.php">rainbow text generator</a>
<img src="https://i10.glitter-graphics.org/pub/1226/1226280hv1dn6vk61.gif"/>
<img src="https://i4.glitter-graphics.org/pub/1558/1558444onuibmblkw.gif"/>
<img src="https://i1.glitter-graphics.org/pub/892/892701w3ywmqn4c6.gif"/>
<img src="https://dl5.glitter-graphics.net/pub/860/860805y6eisau6gc.gif"/>
<img src="https://i5.glitter-graphics.org/pub/912/912535tlm4ak3kc8.gif"/>
<img src="https://i4.glitter-graphics.org/pub/1470/1470664fkgnd0rnqa.gif"/>
<b> u dont obviously have to add these im just giving u options lmfao. feel free to delete all of this shit</b>

any information about you
<b> any information about you </b>
<i> any information about you </i>
 any information about you 
<p> any information about you </p>
<div> any information about you </div>
<h1> any information about you </h1>
<h2> any information about you </h2>
<h3> any information about you </h3>


<style>

div.a {

  text-align: center;

}



div.b {

  text-align: right;

}

</style>



<div class="a">any information about you</div>



<div class="b">any information about you</div>
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 2 of 2 comments ( View all | Add Comment )
skull
1700437927
where do i put each code
Report Comment
just put it all in the about me section
by mephisto 𓃖; 1700768475; Report