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.

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: -1; 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: -1; 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 146 comments ( View all | Add Comment )

Lana	1742613840 using so I can get freaky Report Comment
Ethan_Paul	1742071125 𝓲𝓶 𝓾𝓼𝓲𝓷𝓰 𝓽𝓱𝓲𝓼 𝓼𝓱𝓲 𝓽𝓱𝓪𝓷𝓴𝓼 𝓿𝓻𝓸 Report Comment
Imie	1741988821 usingggg ty xx Report Comment
Imie	1741988820 usingggg ty xx Report Comment
Rihana_ilymm	1741768566 Using Report Comment
eleanor	1741471224 usinggg hell yeah Report Comment
shu	1741282954 using!!! Report Comment
TINA	1740711748 I like dis bless u bro Report Comment
FizzySweet	1740708735 usingg Report Comment
Zenny	1740330546 Using.. Report Comment
Zenny	1740330546 Using.. Report Comment
𝔪𝔞𝔶𝔬𝔫𝔢𝔰𝔢.𝔠𝔬𝔪	1740007480 using it...does that makes me what i think it does?... Report Comment
Sid	1739972367 using.... im freaky.. Report Comment wait not anymoere by Sid; 1739979185; Report
poopysmarts	1739641578 me use ts! Report Comment Kanye by Bimmer/UrbanEagle; 1739886455; Report
Dais	1739160758 i love this sm Report Comment
ethvn*	1739139921 friggin using Report Comment
losos'56	1739011690 using Report Comment
fizzy!!	1739009712 Using!! Report Comment
MannuSpanish	1738954447 using Report Comment
MeowCarkk	1738711323 using!!! Report Comment