Blood layout 2

Tags: blood, red

Description:

Blood themed layout with floating profile animation, blood drip banner gif, and bloody knife online icon. Made with different pieces of coding, so change it up however you like. Just comment if used!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=37274) -->

<style>

main:before {
width: auto;
margin-bottom: 2px;
border: 2px dotted #FF0000;
height: 135px;
display: block;
content: "";
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dfy4ldj-eb30b316-c358-49e3-b7e1-6e39a6544f5b.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4MGNlMzAyLTQwY2QtNGQ4ZC04MWJmLWYzZDQ5MjM3ZmUyNVwvZGZ5NGxkai1lYjMwYjMxNi1jMzU4LTQ5ZTMtYjdlMS02ZTM5YTY1NDRmNWIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.WMK_sCK1wYMFJgoxXjxU0AgT-6DiGxoWuSqcx8-l1kk');
background-position: center center;
background-size: cover;
}


body{background:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/85cf7e70-0615-4342-ab47-8a6d1fba9582/d1omshp-56490344-7f54-4a49-a9b5-6765156f9652.jpg/v1/fill/w_1024,h_768,q_75,strp/blood_splatter_wallpaper_by_richtea2008_d1omshp-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvODVjZjdlNzAtMDYxNS00MzQyLWFiNDctOGE2ZDFmYmE5NTgyXC9kMW9tc2hwLTU2NDkwMzQ0LTdmNTQtNGE0OS1hOWI1LTY3NjUxNTZmOTY1Mi5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.ol4JxGHCCp5PxbKR2OCDc76ZuOAD_CDb7bMh88Go9yQ") no-repeat fixed; background-size:cover;
}

.row.profile{

}

nav .links .special a {
color: #FF0000;
}

small {
font-size:100%;
}
 
main{
background: rgb(255,251,113);
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #FF0000;

}

.general-about .profile-pic img {
border: 2px dotted #FF0000;

 }   

b {
font-size: 14px;
}

time.ago {
color: #FF0000;
}

h1{
font-size: 30px !important;
color: #FF0000;
}

.profile .friends .inner b, .profile .friends .inner a{
color: #FF0000;

}

p{
font-size: 16px;
}

.details-table td a {
color: #FF0000;
}

.details-table td p {
color: #FF0000;
font-size: 14px;
}

  .table-section .heading{ font-size:14px; }

}

.profile h1{
color: #FF0000 !important;
font-size: 5px;
}

.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}

.friends p, .friends a {
color: #FF0000;
}

.profile .friends .inner{
    text-align: center;
background-image: url("");
border: 2px dotted #FF0000;
background-position: center;
}

.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: #FF0000;

}

.button {
    background-color: rgba(0, 0, 0, 0.5);;
    color: #FF0000;
}

.profile-info{
background:url("") no-repeat fixed; background-size:cover; background-image: center;
border: 2px dotted #FF0000;
}

.profile-info a{
font-size: 14px;
color: #FF000;
}

.profile-info h3{
color: #FF0000;
}

.profile .blurbs .heading, .profile .friends .heading {
color: #FF0000;
background-color:transparent;
}

.profile .blurbs .inner{
background: url("");
border: 2px dotted #FF0000;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: #FF0000;
}

.contact .heading h4{
display:none !important;
}

nav img.logo{
    filter: brightness(0) saturate(100%) invert(9%) sepia(52%) saturate(5180%) hue-rotate(336deg) brightness(90%) contrast(92%) !important;
}

h4 {
font-size: 14px !important;
color: #FF0000;
  font-family: Arial, sans-serif;
 }

p {
  font-family: Arial, sans-serif;
color: #FF0000;
   } 

   a {
font-size: 14px;
     color: #FF0000; 
   }


a:hover {
     color: #FF0000; 

}
    .count {
        color: #FF0000;
    }

.profile .friends .person p {
color: #FF0000;  
}
.profile .friends .person p:hover {
color: white;  
}

.blog-preview{
text-align: center;
background-image: url();
color: #FF0000;
border: 2px dotted #FF0000;

}

.blog-preview p, .blog-preview a, .blog-preview h4{
background-color: rgba(0, 0, 0, 0.5);
}

.contact .heading h4{
font-size:14px;
}

.profile .friends .person img:not(.icon) {
border-style: dotted;
border-width: 2px #FF0000;
border-image: url("") 60 fill round;
}

a, .profile .friends .person p, .logout-btn {
color: #FF0000 !important;
text-decoration: underline !important;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/72f906fe-ed5c-4bd3-ab04-0d09e94d5b23/dbamls6-07bd9b57-9c03-4829-9931-9a38785ca198.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzcyZjkwNmZlLWVkNWMtNGJkMy1hYjA0LTBkMDllOTRkNWIyM1wvZGJhbWxzNi0wN2JkOWI1Ny05YzAzLTQ4MjktOTkzMS05YTM4Nzg1Y2ExOTgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NKcyE4dSqF2iqyZuuQr6VaV9DplWPuO6IbEuh5rRgVA);
}
  

.profile .contact {
background-color: rgba(0, 0, 0, 0.5);
}
.profile .contact {
border: 2px dotted #FF0000;
  font-family: Arial, sans-serif;
background: transparent;
}

.profile .contact a{
font-size: 12px;
}

.f-col{

}

.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add friend */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://64.media.tumblr.com/c9e14d13f8b37ea95e72cb6cf6f565e7/be5456b81def8a82-8d/s75x75_c1/ef168a4f745014259e23f6a379f67c387d4c2536.gif)
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .table-section .details-table td p, .profile .table-section .details-table td a{
color: #FF0000;
}

.profile .table-section .details-table td {
background:url("");
background-image: center;
border: 2px dotted #FF0000;

}


.profile .friends .comments-table td {
background-image: url("");
position: center;
border: 2px dotted #FF0000;
}
.comments-table td*{


  }
.profile .comments-table .inner {
 

}

.comments-table td:first-child img{
border-style: dotted;
border-width: 2px;
border-image: url("") 60 fill round;

}

.comment-replies{
border: 2px dotted #FF0000;
color: #FF0000;
}

.general-about .details{
padding: 2px;
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #FF0000;
background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6233d870-bb62-4bed-b6b5-a856e55827fe/d4ozy89-fefa2193-e726-4341-b9a4-b8d772bc9c59.jpg/v1/fill/w_1192,h_670,q_70,strp/blood_splatter_background_by_pudgey77_d4ozy89-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTA4MCIsInBhdGgiOiJcL2ZcLzYyMzNkODcwLWJiNjItNGJlZC1iNmI1LWE4NTZlNTU4MjdmZVwvZDRvenk4OS1mZWZhMjE5My1lNzI2LTQzNDEtYjlhNC1iOGQ3NzJiYzljNTkuanBnIiwid2lkdGgiOiI8PTE5MjAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.i_BNT9gsZ7G9-B9AWGzuZfEkfJRwFd4roPwAazoVTFA");
background-size:cover;
  font-family: Arial, sans-serif;
}

.general-about .details p:not(.online){
color: #FF0000 !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}

.general-about .details a{
  font-family: Arial, sans-serif;
color: #FF0000 !important;
font-size: 14px;
}

nav{ 
background-color: rgba(0, 0, 0, 0.5);
font-size: 13px !important;
text-transform:none;
text-align: center;
border: 2px dotted #FF0000;
    }

.links{
width=810px;
}

nav .links {
background-color: rgba(0, 0, 0, 0.5);
border-top: 2px dotted #FF0000;
border-bottom: 2px dotted #FF0000;
}

nav .links a:hover {
color: #FF0000;
}

nav .top{
background-color: transparent;
}

nav .top a{
color: #FF0000 !important;
}

nav .top label{
color: #FF0000;
}


.profile .url-info {
border: 2px dotted #FF0000;
color: transparent;
font-size: 0.1px;

}
.profile .table-section {
border: none;
}


nav .links a{
color: #FF0000;
  font-family: Arial, sans-serif;
font-size: 14px;
}

table.comments-table {
border: 2px dotted #FF0000;
}


footer p{
color: #FF0000;
font-size: 100%;
}

footer a{
color: #FF0000;
}

footer {
color: #FF0000 !important;
border: 2px dotted #FF0000;
text-decoration: underline !important;
background-color: rgba(0, 0, 0, 0.5);
  }    

    </style>

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
.url-info{
    background: url('https://mcdn.wallpapersafari.com/medium/92/86/YuxsoL.jpg');
    background-position: center;
    height: 77px;
    background-size:cover;
}

.url-info p{
    opacity: 0.0;
}

</style>

<style>
table.comments-table{
background-color: rgba(0, 0, 0, 0.5);
display: block;
height: 300px!important;
overflow-y: scroll;

}
</style>



<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #FF0000;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<style>
    .comments-table td:first-child{
background-color: rgba(0, 0, 0, 0.5);

}

.comments-table td{
border-width:0;
background-color: rgba(0, 0, 0, 0.5);
border: 2px dotted #FF0000;
</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 54 comments ( View all | Add Comment )

MIA ★	1729555574 USED!! :3 Report Comment
Nico	1727619759 woof Report Comment
Teshi!!	1724772552 meow Report Comment
..a.trip.of.three.steps..	1716159308 using :3 Report Comment
Plushhhiiixz	1715058795 using!! Report Comment
☆ R0tt3nc0rps ☆	1714198308 Using Report Comment
Marshmallow	1710458780 Using! Tyyy ^__^ Report Comment
𝘗𝘭𝘶𝘮✉⋆ ˚	1710389069 Using Report Comment
Dewdrop	1709466881 Usando Report Comment
⋆★bikyun★⋆	1707747518 using!!!! Report Comment
; 𝕹𝖎𝖈𝖐𝖞 ★	1707412375 using, thanks :)) Report Comment
CULL3NN	1706129491 using Report Comment
Koki	1706029889 Using. <3 Report Comment
˚ʚ♡ɞ˚𝒥𝑜𝒽𝓃𝒟𝑜𝑒𝒲𝒽𝑜𝓇𝑒˚ʚ♡ɞ˚	1706027984 using♡ Report Comment
¿ ZN 㙛🏼﹐	1705852993 usingg Report Comment
Alahna!!	1705806005 Using!! Report Comment
M4R$	1705295857 using! Report Comment
Kocikaktus	1702170263 using ;D Report Comment
zliucord	1700002030 Using! Report Comment