Spongebob Squarepants

Tags: spongebob, nickelodeon, cartoons, cory, pacdude

Description:

who lives in a pineapple under the sea—hopefully you! enjoy this fun profile. add me or comment if you use this profile!

Preview:

click on the image for a larger preview

Code:

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

<style>@import url('https://fonts.googleapis.com/css2?family=Slackey&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap');
:root {
	--yourBackground: url(https://media.giphy.com/media/3ogwFYYqZyAfJ5xOZa/giphy.gif);
	--pageTexture: url(https://media.giphy.com/media/xUOwG6aAEpMmDVStcA/giphy.gif);
	--nameSticker: url(https://media.giphy.com/media/qU181i0UyaVAp6uJtv/source.gif);
	--blurbSticker: url(https://media.giphy.com/media/Jog6hYlNTafDFYhK6x/giphy.gif);
	--commentsSticker: url(https://media.giphy.com/media/ViHltU618A4stOVIB4/source.gif);
	--interestSticker: url(https://media.giphy.com/media/RNWQZlL5DkR9AJ1IqQ/giphy.gif);
	--urlInfoBox: url(https://media.giphy.com/media/l4FATj70Dxa0Oo8z6/giphy.gif);
	--titleTexture: url(https://media.giphy.com/media/fSeQICKvIpaGlNK8o4/giphy-downsized-large.gif);
	--linkTexture: url(https://media.giphy.com/media/Ab6TWc53LF16/giphy.gif);
	--profileInfo: url(https://media.giphy.com/media/SKGo6OYe24EBG/source.gif);
}
.profile {
	font-family: 'Boogaloo', cursive;
	font-size:18px;
}
.profile .left h1 {
	font-family: 'Slackey', cursive;
	line-height:1em;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	font-family: 'Slackey', cursive;
	line-height:1em;
}
body {
	background-image: var(--yourBackground);
	background-size: cover;
	background-attachment: fixed;
}
main {
	background-color: #F1B9E377;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	margin-top: 2rem;
	margin-bottom: 2rem;
}
body:before {
	display: block;
	position: fixed;
	pointer-events: none;
	content: " ";
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	background-image: var(--pageTexture);
	background-size: cover;
	background-attachment: fixed;
	opacity: .15;
	z-index: 25;
}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .left h1 {
	text-transform: uppercase;
	font-size: 3rem;
	color: #FFF;
	text-shadow: 3px 3px 0 #67337C;
	line-height:1em;
}
.profile .left h1:before {
	background-image: var(--nameSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-1em);
	position: absolute;
	z-index: -1;
}
.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateY(-2rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
	position: absolute;
	z-index: -1;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
	border: 0!important;
	width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--titleTexture)!important;
	background-size: cover;
	background-position: center;
	color: #FFF;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	text-transform: uppercase;
	font-size: 1.8rem;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--urlInfoBox);
	background-position: center;
	text-align: center;
}
.details-table td:first-child {
	background: none;
	width: fit-content!important;
	color: #FFF;
	text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
	background: none;
	max-height: 150px;
	overflow-y: scroll;
	float: right;
}
.details-table tr {
	border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
	color: #4D1469;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: #FFF;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateX(-3.5rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
</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 55 comments ( View all | Add Comment )

Andreaz Abhorrence	1751413228 Using Report Comment
๑✧Jamberzz✧๑	1751402009 Using! Report Comment
lana :3	1751321371 using !!! Report Comment
Stewiie	1750775661 Using Report Comment
Pluviyomi	1750569893 Using! Tysm Report Comment
🪼🪸✿Sup3r Ween1e✿🪸⚓️	1748293014 Using Report Comment
VINNY!! :3	1747337242 Using!! Report Comment
NaNa Gray	1746194656 that was the most beautiful thing I've ever seen in my life Report Comment
Xantia ʕ•́ᴥ•̀ʔっ♡	1745841060 Using! <3 Report Comment
myl	1745722377 using Report Comment
tiger	1744948970 using thank you Report Comment
Charis	1743521465 using Report Comment
Jay	1742774886 Using!! Report Comment
Iris	1741492454 So cool !! Using for sure !! Report Comment
Mugen	1740756560 using this!!! Report Comment
ceriise.xo	1740681714 USING OMGOMG Report Comment
Astronomical ☆	1738545744 USINGGG Report Comment
luluslens	1737642373 wait no using this one Report Comment
Lotti.c1ca	1737556588 USING IT Report Comment
Valentina	1737448918 using thankssss Report Comment