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

Nyan_12	1775893145 Usinggggg Report Comment
andrew	1775613704 using!!!! Report Comment
alex/frank ⦻ 击	1767421183 usingg Report Comment
BloodyBloody06	1755748094 Using this! nowwwwww Report Comment
axd8n	1754864120 using!! Report Comment
mikey. . .	1753007434 using ^_^ Report Comment
ajax (＾་།＾)	1750916171 using !! Report Comment
vex_13	1742640114 Using Report Comment
Mel_notfound404	1737578041 Usando Report Comment
Nicole	1737554173 usingg Report Comment
Angie ★	1729555574 USED!! :3 Report Comment
Nico	1727619759 woof Report Comment
..a.trip.of.three.steps..	1716159308 using :3 Report Comment
Andrew	1715058795 using!! Report Comment
☆ R0tt3nc0rps ☆	1714198308 Using Report Comment
Toasty	1710458780 Using! Tyyy ^__^ Report Comment
𝘗𝘭𝘶𝘮✉⋆ ˚	1710389069 Using Report Comment
Dewdrop	1709466881 Usando Report Comment
⋆★bikyun★⋆	1707747518 using!!!! Report Comment
glowstickrevolution	1707412375 using, thanks :)) Report Comment