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 30 comments ( View all | Add 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
insomniak	1734472245 usinggg Report 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