freaky layout

Tags: freaky, silly, spongebob, meme, filter, layout, banner

Description:

the full freaky layout! made by yours truely. features include: -rio de janiero filter. no need for instagram! -silly spongebob cursor and pagedoll! -the classic, freak font, -lil meme under blog preview, -warm, calm colorz, -silly banner, -and minor word changes!!!! (ex. who id like to meet is now who id like to freak) lmk if theres any issues! made for pc, and made on chrome. might not be fully responsive on mobile.
do NOT use as base or repost. COMMENT IF YOU USE, PLEASE! I worked hard on this.

15/7/2024 EDIT: i have ZERO idea why you cant click the logo or any of the top links, if you can fix that PLEASE PLEASE PLEASE lmk...also ill probably be posting new layouts in my blogs if you wanna check that out. you can suggest some as im pretty dry on ideas rn. 27/3/2025 EDIT: THANK YOU FOR HELPING FIX THE TOP LINKS ISSUE PEPPERLOVER!!!! TYYYYTYTY

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by KЯIZ☆ (https://layouts.spacehey.com/layout?id=107423) -->

<!-- freaky text -->
<div class="rio" style="float: ; max-width: 1000px; position: fixed; right: 43%; bottom: 50%; z-index: 200; pointer-events: none; attachment: scroll;"><img src="https://file.garden/ZQqQy6zuxT0YowIV/text.png?v=1717125545624" width="220"/>
</div>
<!-- freakybob -->
<div class="freakybob" style="float: ; max-width: 1000px; position: fixed; left: 0px; bottom: 0px; z-index: 200; pointer-events: none; attachment: scroll;"><img src="https://file.garden/ZQqQy6zuxT0YowIV/spongeboob.png?v=1717130408032" width="200"/>
</div>
<style>
@keyframes flash {
0% {box-shadow: 0px 0px 20px white;}
20% {box-shadow: 0px 0px 50px white;}
50% {box-shadow: 0px 0px 80px white;}
100% {box-shadow: 0px 0px 100px white;}
}
/* freaky font */
@font-face { font-family: 'freak'; 
src: url(https://file.garden/ZQqQy6zuxT0YowIV/papyrus.ttf); 
} 

body { font-family: 'freak'; font-size: 15px; color: white !important;}
/* freaky logo */
.logo {content: url(https://i.postimg.cc/5yypgBJz/image.png);}
/* freaky banner */
main:before {
height: 130px;
display: block;
animation: flash 3s infinite;
animation-direction: alternate;
animation-timing-function: ease-in;
border-radius: 40px;
width: auto;
content: "";
background-image: url(https://file.garden/ZQqQy6zuxT0YowIV/banner.png?v=1717123305980);
background-size: 100%;
background-repeat: no-repeat;
}
/* freaky filter */
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom right, rgba(69, 29, 121, 0.4), rgba(145, 52, 47, 0.4));
    filter: saturate(200%);
    pointer-events: none;
}
/* freaky background */
body {
background-image: url(https://file.garden/ZQqQy6zuxT0YowIV/wallpaper.jpg?v=1717124697153);
background-size: 100%;
background-attachment: fixed;}
/* freaky profile background */
main {border-radius: 40px; background-color: rgba(40, 0, 80, 0.6); border: 2.2px solid blueviolet; color: white;}
/* freaky extras */
nav .top {z-index: 10; position: relative; background-color: transparent;}
nav .links li:not(:last-child)::after {
content: " 👅💦 ";}
nav .links {text-align: center; border-radius: 40px; background-image: linear-gradient(transparent, transparent, white); background-color: transparent; margin-bottom: 0px; z-index: 10; position: relative;}
nav .links a:before {content: "𝓯𝓻𝓮𝓪𝓴𝔂 ";}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"Who I'd Like To 𝓯𝓻𝓮𝓪𝓴👅💦:";
font-size: 12px;
}
.top button, .friends td:last-child button{background-color: rgba(40, 0, 80, 0.2)  !important; border: 2px solid  blueviolet; border-radius: 40px; color: white; font-family: 'freak'; font-size: 7px;}
.top button:first-child {background-color: transparent  !important; border-style: none  !important;}
.comments-table td, .comments-table td:first-child, .table-section td, .table-section td:first-child {background-color: transparent;} 
.profile .contact .heading, .profile .table-section .heading, .profile .friends .heading, .profile .blurbs .heading, footer {background-color: transparent;}
.url-info, .contact, .table-section, .comments-table, .comments-table td {border: 2px solid blueviolet !important; border-radius: 20px;}
.blog-preview:after {height: 250px; display: block; content: ""; background-image: url(https://file.garden/ZQqQy6zuxT0YowIV/blogpreviewbelow.jpg?v=1717130677006); background-size: 80%; background-repeat: no-repeat; background-position: top center; border-top: 5px double white; border-bottom: 5px double white; padding: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 50px black;}
nav .links a:hover, .profile a:hover, .links a:hover, .top a:hover{color: blueviolet; text-shadow: 0px 0px 10px blueviolet; font-style: italic; text-decoration: none;}
.profile a, .links a, .top a, footer .copyright {color: blueviolet !important;}
.icon {content: url(https://file.garden/ZQqQy6zuxT0YowIV/spongeboob.png?v=1717131606346);}
p, h4 {padding: 5px;}
.count {color:  blueviolet;}
:root {
    --dark-orange: white;
    --logo-blue: white;
    }
    .online {color: transparent;}
.online img {content: url(https://file.garden/ZQqQy6zuxT0YowIV/freakybob.jpg?v=1717131986672); width: 100px; height: 50px; box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.5);}
.profile .friends-grid a p {color: white !important;}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/toons/too-12/too1107.cur), auto !important;} /* End https://www.cursors-4u.com */
</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 182 comments ( View all | Add Comment )

mrsgoob\\\alanana $mrsgoob\\\alanana's profile picture$	1751598653 using ;3 Report Comment
mrsgoob\\\alanana $mrsgoob\\\alanana's profile picture$	1751598652 using ;3 Report Comment
𝄃𝄃𝄂𝄂𝄀𝄁🎸⩜⃝𝓔𝓵𝓲𝓳𝓪𝓱🏝️🎬𝄃𝄃𝄂𝄂𝄀𝄁	1751227435 using because funny Report Comment
Mustang 🦇	1750882765 using !! Report Comment
dae kiss	1750858131 yo gang which one the banner code? Report Comment
𝓼𝓸𝓹𝓱𝓲𝓪𓆰♱𓆪	1750713690 using :D Report Comment
Rene	1749673971 using Report Comment
clover	1749606051 Using Report Comment
shan13	1749460549 using ^_^ Report Comment
Angie	1749002792 using! Report Comment
angel✩🎧✮🦈	1748855135 using! Report Comment
ℂ𝕝𝕚𝕥𝕦𝕤𝔼𝕒𝕥𝕦𝕤𝟞𝟡	1748465453 USING! Report Comment
obanaiswifey	1748383924 USING Report Comment
linawinatina	1748243100 usingggg Report Comment
DOODLEZGROUP	1748046432 Using uh Report Comment
fizzy :3	1747478258 using :33 Report Comment
♫⃠ 𝐊𝐚𝐢/𝐌𝐢𝐥𝐨☣	1747158160 usinggg! Report Comment
ayen II	1746773545 using Report Comment
maddy	1746751033 Using Report Comment
Alice ! ˶ᵔ ᵕ ᵔ˶	1746438931 useinngngn Report Comment