tiemfeld (george existanza ft. tony the clock)

Tags: seinfeld, time, gif, simple, confetti, tony, dhmis, clock, funny, white

Description:

Click here to see the full SS. This is my third layout. :-) Feel free to change anything you want in the code. No creds needed for anything. The confetti behind the module/table area, the balloons replacing the logo, and the peeking tony the clock from dhmis are all gifs. Images jiggle when you hover over them. Highlighted text is white text with red highlight (highlight code optimized for firefox; may not work on other browsers). Anything hidden can easily be unhidden by removing the display codes that hide them. Every display tweak or effect is separated by additional style tags and plenty of spacing so that it's all nice and easy to format to your liking. You'll need to add your own links to add or view comments if you want those profile features. Enjoy. ^.^

Preview:

click on the image for a larger preview

Code:

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

<center><font size="5">Replace this text with whatever you want.<br/>
<font size="3"><font color="red">write a lot or barely anything, nothing matters wheee<br/><br/>
<img src="https://i.ibb.co/7NbkhhN/dhmis11.webp" width="250"/>



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


/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.ibb.co/tC3Xhy8/what-is-the-deal-with-time.jpg');
background-repeat: repeat;
background-position:Top Left;
background-attachment: fixed;
background-size: contain;
background-color: #ffffff;
}

main{
background-image: url('https://i.ibb.co/TLY2bRw/confetti-fall-gif-5.gif');
background-repeat: repeat;
background-position:Top Left;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
border: 3px Double #000000;
opacity: 0.8;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-image: url('https://i.ibb.co/TLY2bRw/confetti-fall-gif-5.gif');
background-repeat: repeat;
background-position:Top Left;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
border: 0px Double #000000;
opacity: 0.8;
}

span[itemprop='name'] {
color: #800040;
font-size: 18pt;
font-family: 'Great Vibes', cursive, Sans-Serif;
}

h4 {
color: #000000;
font-family: 'Great Vibes', cursive, Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #000000!important;
font-family: 'Great Vibes', cursive, Sans-Serif;
}

a, .count {
color: #ff0000;
font-weight: bold;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a:hover {
color: #b00000;
font-weight: bold;
text-decoration: none;
text-shadow: 0 0 2px rgba(128, 0, 64, .3);
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

body,main {
color: #800040;
font-weight: bold;
font-size: 10pt;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>







<style>
.profile-info {
  display: none;
}
</style>



<style>
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
</style>



<style>
.friends{display:none !important;} 
</style>



<style>
.logo {content:url("https://i.ibb.co/qBvCkZn/balloon-glitter.gif");}
</style>


<style>* {cursor: url('https://cur.cursors-4u.net/cursors/cur-6/cur588.cur'), auto;}a:hover {cursor: url('https://cur.cursors-4u.net/cursors/cur-6/cur595.cur'), auto;}</style>

<style>
blurbs .inner .section:nth-child(1) h4{ font-size:0; }
</style>

<style>
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
</style>

<style>
.blurbs .heading{display:none !important;}
</style>


<style>
.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
</style>


<style>
.url-info{display:none !important;}
</style>


<style>
.blog-preview{display:none !important;}
</style>

<style>
nav{background-color:var(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background:none !important;}
nav img{filter: opacity(90%) !important;}
nav ul a img, .mood a img{display:none !important;}
.top{background:none !important;background-color:rgba(0, 0, 0, 0.8); !important;}
</style>

<style>
footer {background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !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:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url(https://i.ibb.co/RNRmT3v/bullet-arrow-yellow.gif)
}
</style>


<style>
.online{content:url("https://i.ibb.co/Syrh831/online-smiley.gif");}
</style>


<style> .details-table td:first-child 
    {display:none;} </style>



<style>
.contact .heading{display: none !important;}
</style>


<style>
.table-section:last-of-type {
    display: none;
}
</style>




<style> 

.heading{
   display: none;}

</style>



<style>
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2),
div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) {display: none;}
</style>

<style>
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3),
div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) {display: none;}
</style>

<style>
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4),
div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) {display: none;}
</style>

<style>
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(5),
div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(5) {display: none;}
</style>

<style>
div.table-section:nth-child(6) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6),
div.table-section:nth-child(7) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(6) {display: none;}
</style>


<style>
/*Top Links (Background Color/Background Image)*/
 .links{
     text-align:center;
     font-color:black;
<style></style>


<style>
nav ul.links a {
text-shadow: none;
text-decoration: none;
}
</style>



<style>
.links .special a:link, .links .special a:visited  {
  color: red;
}

.links .special a:hover {
  color: rgb(000,000,000);
}
</style>



<style>
.links li a .icon  {
  display: none;
}
</style>



<style>::-moz-selection { /* code for Firefox */ color: white; background-color: rgba(255, 185, 221, 0.8); } ::selection { color: white; background-color: rgba(255, 0, 0, 1); } </style>



<style>
.profile-pic {
border-style: double;
border-color: #800040;
box-shadow: 0px 0px 7px #FFBF00;
border-radius: 3px;
overflow: hidden;
animation-name: example;
animation-iteration-count: infinite;
animation-duration: 0.8s;
</style>



<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  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>



<style>
nav ul.links a {
text-shadow: none;
text-decoration: none;
}
</style>


<style>
/*Top Links (Background Color/Background Image)*/
 .links{
     text-align:center;
<style></style>





<style>
nav .links a:hover {
color: #b00000;
font-weight: bold;
text-decoration: none;
text-shadow: 0 0 7px rgba(128, 0, 64, .2);
}
</style>


<style>
.profile .contact, .profile .table-section, .profile .url-info {

  border: 0px solid #000000;

} </style>


<style>
nav .links {
  background: rgba(0, 0, 0, 0.3);
}
</style>


<style>
nav, nav .links a {
color: #ff0000;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 0px dotted #00ff00;
border-bottom: none;
}
nav .links {
background-color: black;
border: 0px solid #00ff00;
}
</style></font></font></font></center>





<style>
footer::after{
  bottom: 0;
  font-size: 0;
  left: 90%;
  position:fixed;
  pointer-events: none;
  opacity: 0.82;
  content:url("https://i.ibb.co/MBmQnsC/dhmis-clock-worried.gif");
}
</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.