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

-AL3X-	1731979736 usingggg!!! Report Comment
Luz	1731837306 Usiiing Report Comment
king dirt	1731516604 idk if it's just me and my laggy computer but i can't click on any of the links using this. i thought it was an issue with the cursor so i took it out of the code but i still can't click on anything :( love it otherwise though!!!! Report Comment
emmy	1729623237 Usinggg!!! This is soo cute Report Comment
Raven	1729460548 Using! Report Comment
𓆩★𝓗𝓪𝓵𝓮𝔂★𓆪	1729370073 using! Report Comment
·˚ ༘₊· ͟͟͞͞꒰➳	1727045705 𝑼𝒔𝒊𝒏𝒈 :𝟑 Report Comment
alice	1722793516 Using :) Report Comment
JOEY ➶ ｡˚	1722381416 using!! Report Comment
Robin	1721690832 using ! Report Comment
מרא mara	1721013404 I'm not using this yet, but adding it to favourites because it's amazing. Thank you so much for making this and sharing it with the world. Report Comment
Jaque Mateo	1720846039 using Report Comment
L irl (NOT CLICKBAIT)	1720211359 using Report Comment
·♫¸¸ toby¸¸♫·	1720161842 using Report Comment
rhea!! x3	1719590510 using ^^ Report Comment
char	1717530470 using ty!! Report Comment
K1ttyKatSkullz	1716934748 Using!! Report Comment
Ebrumah	1715433091 USING! Report Comment
max / finn 🐾	1710292477 I love this layout sm!!! /srs but is there anyway that I can just get the background and font ?? Report Comment