simple adventure time layout!

Tags: adventure time, layout, gif, simple, autoplay, cartoon, 2010s

Description:

hi guys :D i made my first layout and i think it turned out pretty good.

FEATURES: stakes outro 1hour autoplay, bmo logo (made by me !!), gunther cursor, finn and jake gif, adventure time body font, bees intro gif, snail online icon, bmo notification icon, finn contact pixels, and the main cast under your ID number!!

no credit needed on ur profile, just lmk if ur using it and don't take credit for it :)

lmk if something is broken or if u need help with it in general!!

have a good day u have an amazing taste in cartoons

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/fd/55/9b/fd559ba05f7a8d5c07e198705c5385ea.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

:root {

        --logo-blue: #6479FF;

        --darker-blue: #000000;

        --lighter-blue: #8CB8FF;

        --even-lighter-blue: #ACE2FD;

        --lightest-blue: #D6EFFE;

        --dark-orange: #61AA5E;

        --light-orange: #85D981;

        --even-lighter-orange: #AEE7AB;

        --green: #66EA9E;

    }

body

        {background-image: url(https://tvcdn.fancaps.net/292345.jpg); no-repeat fixed; background-size:cover;

main {

  background-color: #306ecd;

  color: #000000;

.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://64.media.tumblr.com/f6f4740b8bf6c1e8a74c4d848b4f27fa/tumblr_inline_n8pr2xWZs71qbq39l.png')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/7e80367b3be6cd006f7ab3ac7dbc287f/tumblr_inline_n8pr0giAZi1qbq39l.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/642ac3b2af37b5583ee8e444b7e113ad/tumblr_inline_n8pqvev5Bh1qbq39l.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://64.media.tumblr.com/174ed46a4d4882f63cc4e068396b4266/tumblr_inline_n8pr7gSAy11qbq39l.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/004c24811675373af2a11e2e35617004/tumblr_inline_n8pr5ziGsn1qbq39l.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/adf9bcb9c4325a93bb17543ab45d5a7e/tumblr_inline_n8prhlWbnk1qbq39l.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/f8d06dae599b5e3413ccd3399bd7b5d3/tumblr_inline_n8pr32FWjK1qbq39l.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/0d84ff98b82e58e142ecd62b566a39e9/tumblr_inline_n8prekqxG01qbq39l.png')
</style>

<style>
.msOnlineNow { visibility: hidden; } .profileUserInfo { background: url('http://www.myspacegens.com/images/online_now/64.gif') no-repeat 0 55px; height: 75px; }

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/PjNhXlREeSc//?&;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>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/64.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>

.logo {

content:url("https://64.media.tumblr.com/78bc437ff18e71857dd1b52e3cdafd31/7ed256b8b72a647a-4e/s540x810/e25fb3a5ebab389c0b908179fbf6ab65e0e4a102.pnj");

}
</style>

<style>

@font-face {

font-family: "Thunderman";

src: url("https://file.garden/Zbus3AGEtz9KIlJv/Thunderman.ttf");

}

@font-face {

font-family: "Thunderman";

src: url("https://file.garden/Zbus3AGEtz9KIlJv/Thunderman.ttf");

}

a:hover, a:active, a, p, nav label, .section {

    font-family: var(--mainfont) !important;

}

h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {

    font-family: "Thunderman"

}

:root { --mainfont: "Thunderman" }

</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=Sue+Ellen+Francisco&display=swap");

.w-40 h1{
font-family: Sue Ellen Francisco;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/toons/too-12/too1134.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/03/05/adventure-time-penguin.html" target="_blank" title="Adventure Time - Penguin"><img src="https://cur.cursors-4u.net/cursor.png" alt="Adventure Time - Penguin" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://64.media.tumblr.com/tumblr_m8ex7gBDbJ1roozkr.gif');

}



</style>

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://letstalkadventuretime.files.wordpress.com/2015/11/cropped-adventure-time-header.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
<img src="https://i.pinimg.com/originals/16/94/5c/16945c320155f09714d53df27c81370a.gif" height="220"/></div>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/tumblr_lszntktkah1ql1l0v.png);  width: auto; height: 70px; background-position: top center; background-size: 70%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</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 59 comments ( View all | Add Comment )

akechimaxxer875	1785210353 using Report Comment
jambeano	1785054562 using Report Comment
CHURRUMAIZZZ	1780454749 USIIIING!!!!!! Report Comment
ozzy / finn	1778693584 USING !! >:0D Report Comment
nottacomgurl	1775787382 using!!1!11! Report Comment
JURNEE :D	1775533041 usingg!!! Report Comment
Ivy	1774233696 USINGGG Report Comment
Ivy	1774233696 USINGGG Report Comment
Ivy	1774233696 USINGGG Report Comment
JUNKER	1772510079 YESS usingg :DD Report Comment
SometlmesLUL } Finn	1772341849 Using :) Report Comment
JURNEE :D	1767412086 using Report Comment
c4mm!	1766014801 using Report Comment
Neylofinwe	1765813927 using ^^ Report Comment
Dyll	1764093520 Using Report Comment
Ran!	1762195042 It's so prettyyyy USING! Report Comment
emmy...	1761677205 USING!! Report Comment
fartjarcollector2007	1761566263 USING Report Comment
ŢΩɱ	1759303698 Getting ready to try this one out - looks great! Report Comment
lights on	1758825335 using! Report Comment