Black and White Paint Splatter Layout

Tags: black, white, layout, simple, paint, splatter, emo

Description:

Simple black and white paint splatter layout made by me. Links are red when hovered over.

To use this layout, copy everything in the code box, go to "Edit Profile", then paste everything into your "About Me" section.

If you use this layout, all I ask is that you keep where it credits me. Thank you!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by BEEFSTEW (https://layouts.spacehey.com/layout?id=18421) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body{
background-image: url(https://images4.imagebam.com/d1/9f/2e/ME5U3XO_o.jpeg);
background-attachment: fixed;
}

main{
background-color: rgba(255, 255, 255, 0.8);
}

p{
color: white;
}

nav .top{
background-color: black;
margin-top: .5em;
border-style: double;
}

nav .links{
text-align: center;
background-image: url(https://images4.imagebam.com/54/3a/de/ME5U3XQ_o.png);
background-position: center;
background-repeat: no-repeat;
height: 100%;
}

.profile h1{
font-family: 'Special Elite', cursive;
color: black;
font-size: 30px;
text-align: center;
text-shadow: 1px 1px 3px black;
}

.profile .general-about{
background-color: black;
border-width: 1px; 
border-style: double;
border-color: white;
padding: 1em;
color: white;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}

.profile .profile-pic img{
height: 100%;
border-style: double;
}

.profile .profile-pic{
margin: 0;
}

.profile .mood{
text-align: center;
margin: .5em 0;
}

.profile .contact .heading,
.profile .table-section .heading{
padding: .5em;
font-size: 16px;
line-height: 1.5em;
color: white;
background-color: black;
text-align: center;
padding: .5em;
border: none;
border-style: double;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
background-color: black;
border: none;
border-style: double;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
padding: .5em;
font-size: 16px;
line-height: 1.5em;
color: white;
background-color: black;
text-align: center;
padding: .5em;
border: none;
border-style: double;
}

.profile .blurbs .section h4{
color: white;
text-align: center;
padding: .5em;
}

.profile .blurbs .section p, .credit{
color: white;
text-align: center;
}

.profile .blurbs{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .friends .inner{
text-align: center;
color: black;
}

.profile .friends .friends-grid p{
color: black;
}

.profile .comments-table .comment-replies{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .comments-table td{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .profile-info{
background-color: black;
border: none;
border-style: double;
color: white;
}

footer{
background-color: black;
border: 1px double white;
color: white;
}

a{
color: white;
text-shadow: 1px 1px 5px #6D0000;
}

a:visited {
color: white;
text-shadow: 1px 1px 5px #6D0000;
}

a:hover {
color: red;
text-shadow: 1px 1px 5px #6D0000;
}

a:active {
color: red;
}

nav .links a{
color: white;
text-shadow: 1px 1px 5px black;
}

nav .links a:hover{
text-decoration: none;
color: red;
}

.count{
text-decoration: underline;
color: red;
}

.online{
color: white;
text-shadow: 1px 1px 3px white;
font-family: 'Special Elite', cursive;
text-decoration: underline;
font-size: 150%;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .blog-preview{
background-color: black;
border: none;
border-style: double;
color: white;
padding: 0.5em;
text-align: center;
}

</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></div>

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

X-🄿𝚒𝚎𝚛𝚌𝚎 (#1 saw IV luver)＾ω＾	1727991755 using :3 Report Comment
ᯓ★vieno.ᐟ	1726915831 Using!!! Report Comment
☆𝚠𝚎𝚌𝚛𝚣𝚡𝚜☆	1724637455 Using! Report Comment
xXnadya_necromancyXx	1720275045 using :3 Report Comment
ʀᴇᴍᴍʏ. ༄ ☂︎	1719159335 Using. Report Comment
AzurBozza	1718206266 Using ( ´∀｀ )b Report Comment
emo f★g ?? (bullets autumn edition™)	1705695349 Using !! Report Comment
Th3_D0ubl3_F4ng	1702288562 Ooooo this is nice !!! :D Report Comment
Buff Monokuma	1696221432 Using Report Comment
Emma	1654844844 OMG SO KEWLL Report Comment
Teddy	1643393926 Hey! Are people allowed to edit your layout? I LOVE this one, but I'd really like a version with a reversed background (black with white paint splatter) Report Comment Ya people are allowed to edit my layouts! by BEEFSTEW; 1643429833; Report alrighty! ty by Teddy; 1643466419; Report
Gruggo	1642554121 I dig it Report Comment
Teddy	1642285796 this looks awesome! Report Comment
Cin Lynn	1642236601 Perfect layout! Thank you Report Comment