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☆ [winifred's #1 TWIN] (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 253 comments ( View all | Add Comment )

janey	1781581634 usinggg Report Comment
𝓼𝓭𝓲𝔂𝓫𝓽	1780783107 using!! Report Comment
hysteryaa	1780357261 Using!! Report Comment
ez fonseca	1780343831 dude this is beautiful using absolutely Report Comment
anto>///<	1780255133 using thisss youre FIRE dude Report Comment
PIERROT	1779620554 maybe using this is fire man Report Comment
alex	1778797955 using Report Comment
alex	1778797942 using Report Comment
XxAubr133xX	1777708951 using Report Comment
KЯIZ☆ [winifred's #1 TWIN]	1776007689 i am surprised people are using this still but thank you all very mcuh...i ahvent had motivation to code anything for a while though but i had a poolrooms layout i can tweak a bit and post as well somehow Report Comment
meeks	1775886629 def using this freaky muekekek Report Comment
whizzacluss	1775509739 i spent like...30 mins trying to find this. hell YEA im using Report Comment
Bryce	1775396423 USING, THIS IS ABSOLUTE PEAK Report Comment
Charissa	1773315137 using Report Comment
eobarreto;p	1773190342 usando mmbb Report Comment
𓏲 ๋࣭ ࣪ ˖Rottr.𝜗ৎ	1772605307 using Report Comment
Morgie	1771339678 usingg Report Comment
Rybread	1771269379 susing Report Comment
pluh	1771098754 usingggg Report Comment