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

Ebrumah	1715433091 USING! Report Comment
(max)	1710292477 I love this layout sm!!! /srs but is there anyway that I can just get the background and font ?? Report Comment
! whokilledzoe !	1707320659 usimg!! Report Comment tysm!!! :D by molly; 1707398719; Report
Ghostlymotthh✿✧˖°	1707172327 Added to favourites <3 Report Comment tysm!! by molly; 1707214252; Report :))) by Ghostlymotthh✿✧˖°; 1707239050; Report