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

ŢΩɱ	1759303698 Getting ready to try this one out - looks great! Report Comment
lights on	1758825335 using! Report Comment
eviie	1756332514 using!<3 Report Comment
ctrljuice	1755985121 usingggg Report Comment
Siouxsie	1754514175 Using! Report Comment OH! also i want to change the black text to white, but how do i do that? Does anyone know? by Siouxsie; 1754514258; Report
Junie	1751060678 Using!! :3 Report Comment
Literallygerardway	1748870065 usinggg!! this is SO cute XD Report Comment
starboy	1748843438 USING OMG I LOVE U Report Comment
zmbie goy !	1748446718 using Report Comment
le :>	1746188709 usinggg Report Comment
:////////	1745467833 soooo cute ill be using ^^ Report Comment
Min, Nyan	1745085248 using <33333 Report Comment
✿ noelleee ✿	1742092017 using!! Report Comment
_Ash_	1741427962 using <33 Report Comment
iiambxrq	1739853046 Using!! <3 Report Comment
Purpancake	1739495463 using!! Report Comment
FlingPoo1312	1739120644 using Report Comment
Cora	1737535949 using!! Report Comment
Astero	1736211133 gonna try and use it Report Comment
Lars/Lidi	1735658912 Prob gonna use it ^^ Report Comment