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 167 comments ( View all | Add 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
Altruisluv	1746426796 using <3 Report Comment
Kaden	1746225553 using!! Report Comment
holly :o	1745995599 usingg Report Comment
Remzer	1745775817 Using👅 Report Comment
fearstore	1745482084 using bc im feeling 𝓯𝓻𝓮𝓪𝓴𝔂...👅👅👅 Report Comment
4times4u ʚɞ	1745202857 Using Report Comment
4times4u ʚɞ	1745202855 Using Report Comment
𝓲𝓼𝔂	1745189669 Using Report Comment
✦ZeeBee✦	1745104954 usinggg Report Comment
𝐃𝐞𝐱𝐱	1744955324 use Report Comment
OP4L	1744573091 WE GETTING FREAKY Report Comment
jcqeyyy	1744518349 Using to get 𝓯𝓻𝓮𝓪𝓴𝔂👅 Report Comment
⚢pepperlover ₍^. .^₎⟆	1743013809 Hey! For the top links problem, go in the /* freaky extras / part of the code and then you just have to change your z-index in the nav.top and nav.links elements to a higher index (10 for example) ! The negative index cause the top links to be placed behind other page elements with higher index and that's why you can't click on it. Your fixed code should look like this : 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; } Report Comment hey i don't believe in god but bless u by TINA; 1743028812; Report ah, ok! i will note n fix it, thank you! gosh this problem messed w me by KЯIZ☆; 1743119179; Report You’re welcome!!! Spreading the freak 👅💦 by ⚢pepperlover ₍^. .^₎⟆; 1743123294; Report usingg by lalubatattaa*; 1743786172; Report
Jay	1742775382 using Report Comment
pax	1742736578 using Report Comment