clowncore layout!!

Tags: clowns, clowncore, cute, bright, rainbow

Description:

requested by mel
includes a custom cursor!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81674) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
body,p,h1,h2,h3,h4,h5,h6{
  font-family: 'Press Start 2P', cursive;
}

body{
  background: url(https://tse3.mm.bing.net/th/id/OIP.jJFioXzoUQkA3qH_U3x52gAAAA?pid=ImgDet&rs=1);
  background-size: 400px;
}


main{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 0px 0px 70px white;
  color: white;
  margin-top: 20px;
  margin-bottom: 20px;
  filter: saturate(200%) grayscale(30%);
  border-radius: 10px;
}

.profile-pic img{
  border: 5px white solid;
  box-shadow: 10px -10px 3px orange;
}

.profile-pic img:hover{
  transition: 1.5s;
  filter: blur(2px);
}

.profile h1{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 3px white solid;
  box-shadow: 10px -10px 3px red;
  text-align: center;
  color: white;
  margin-top: 20px;
  margin-bottom: 20px;
}

.profile-info{
  border: none;
  font-size: 0px;
}

.profile .mood{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 10px -10px 3px yellow;
  color: white;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.profile .mood a{
  color: white;
}

.profile .mood a:hover{
  color: magenta;
  font-style: italic;
}

.profile .contact{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 10px -10px 3px green;
  text-align: center;
}

.profile .contact a{
  color: white;
}

.profile .contact a:hover{
  color: magenta;
  font-style: italic;
}

.profile .contact .heading{
  background: transparent;
}

.contact .inner a img{
font-size: 0px;
}

.profile .url-info{
  background: url(https://th.bing.com/th/id/R.bf15d108dd0e8c17f432ad868a2c725f?rik=3b0Xbih7uxZQdQ&riu=http%3a%2f%2fpm1.narvii.com%2f8120%2faa8a5c44a288fb92c53f2c43ad5ad8e957f35658r1-1280-1280v2_00.jpg&ehk=dqUEk4oeGV%2fm6jmFJBLL07jdH4su9BeklEcOQ3u7rvo%3d&risl=&pid=ImgRaw&r=0);
  background-size: 100%;
  border: 5px white solid;
  box-shadow: 10px -10px 3px blue;
  height: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
  color: white;
  text-shadow: 3px 3px 2px black;
}

.blog-preview{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 10px -10px 3px pink;
  text-align: center;
  margin-bottom: 30px;
}

.heading{
  text-align: center;
  text-shadow: 2px 2px 3px magenta;
}

.profile .blurbs{
  text-align: center;
}

.profile table{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 3px white solid;
  box-shadow: 10px -10px 3px purple;
  color: white;
  text-shadow: 3px 3px 2px black !important;
  margin-top: 20px;
  text-align: center;
  height: 250px;
  overflow-y: scroll;
}

.friends{
  border: 5px white solid;
  box-shadow: 10px -10px 3px lightpink;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 300px;
  overflow-y: scroll;
  text-align: center;
}

.friends p{
  color: white !important;
}

.friends table{
  background: transparent;
  box-shadow: none;
}

.friends a:hover{
  color: magenta;
  font-style: italic;
}

.count{
  color: magenta;
}

nav .top{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 0px 0px 30px white;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

nav .links{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 0px 0px 30px white;
  margin-top: 35px;
  margin-bottom: 35px;
  border-radius: 10px;
}

nav .links a{
  color: white;
  text-shadow: none;
  font-size: 10px;
}

nav .links a:hover{
  color: magenta;
  font-style: italic;
}

footer{
  background: url(https://tse2.mm.bing.net/th/id/OIP.Fk29xFKj4clUl08oq2QRzgAAAA?pid=ImgDet&rs=1);
  border: 5px white solid;
  box-shadow: 0px 0px 30px white;
  margin-top: 40px;
  border-radius: 10px;
  color: white;
}

footer a{
  color: white;
}
footer a:hover{
  color: magenta;
  font-style: italic;
}

.profile .blurbs img, .friends img, .contact img{
  border: 3px white solid;
  box-shadow: 0px 0px 5px white;
  border-radius: 10px;
}

.friends img:hover{
  transition: 2s;
  filter: blur(3px);
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

body{
  cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAF7/AP///wD/bwAAAP/yAP8A+wAAAP8AAP9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAIAAAAAAAAAAAAAAAIAIAACAAAAAAAAAAAAAAAiAgACAgIAAAAAAAAAAAAAIAIAIAICAAAAAAAAAAAAAAICACAgIAAAAAAAAAAAAAACACAiACAAAAAAAAAAAAAAAgACIgACAAAAAAAAAAAAAAAgESIAAgAAAAAAAAAAAAAAAREUQAIAAAAAAAAAAAAAAGERFEQCAAAAAAAAAAAAAAZhERREMwAAAAAAAAAAAAAGZhFERDMwAAAAAAAAAABQBmZndEMzMAAAAAAAAAAAVQBmd3cDMzAAAAAAAAAAAFVQAAdwADMAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////7v///t7///y6v//9tr///rV///7Tf//+47///0O///+Bv///AL///gA///4AH//2AB//8wIf//HnP//w=='), auto;
}
</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 45 comments ( View all | Add Comment )

SunnyD13	1746668826 omg usinggg!!! Just curious tho- what part of the code is the online status? I wanna be able to change that :[ LOVE THIS LAYOUT THOUGH!!!! Report Comment
⋆˚꩜｡Elliot ⭑.ᐟ	1746616146 Using:] Report Comment
PriestOctober99	1745864543 using, thanks so much! Report Comment
💙BluesCrayola💙	1744519180 using :3 Report Comment
💙BluesCrayola💙	1744519180 using :3 Report Comment
sara	1742244905 USING Report Comment
GATOOO	1741803699 TOTS USING!! Report Comment
Rox	1739672427 using Report Comment
sunnipie	1739500861 uuusing :) Report Comment
Vivian	1738339527 using Report Comment
Vivian	1738339527 using Report Comment
Rosey ★	1738249189 using :3 Report Comment
Winniethedoggie	1736565301 using :3 Report Comment
b@tt3ry	1735759623 USING :-) Report Comment
Jass!1 \| 🌈🌴! \|	1733262180 Using!!111 Report Comment
KANIK!!	1729612546 using Report Comment
gingin	1726787224 Using Report Comment
🧁~party~🍭	1726333653 Using Report Comment
ᐟᐟ🗡️KIRI ( ´ ꒳ ` )	1724541960 usinnnnnnn Report Comment
Wormzspring	1720883857 using yippie! Report Comment