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

Lani	1756712603 Using vro️‍🩹 Report Comment
☆K4rn4geK1tten☆	1755304761 using Report Comment
zooted-freddy657	1754793422 edging to it aka using Report Comment
Willy	1753587791 Using. It's so freaky, love it. Report Comment
Micheal Myers	1753579185 Using da spongebob in the bottom left corner four a blog tysm ‼ Report Comment
Haileyyy369	1753520527 Usinggggggg Report Comment
vyxvoid.exe	1753503922 using Report Comment
shineegirl	1752937401 using Report Comment
winged.addictXxx	1752916638 using!!! Report Comment
lay 👑	1752654706 Using Report Comment
Vergil's #1 Fan	1752568231 using ; Report Comment
Wy-Gal	1752448761 I am using this lovely layout Report Comment
M310	1752080845 using Report Comment
summrsfan	1751945016 usinggg ;D Report Comment
otter	1751758206 using Report 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