Soul Eater [anime]

Tags: soul eater, anime, soul, dark, cartoon, black

Description:

Note: Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section.

Preview:

click on the image for a larger preview

Code:

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

<style>
.url-info{display: none !important;}
</style>
<style>
.contact .heading{display: none !important;}
</style>
<style>
.profile-info{display: none !important;}
</style>
<style>
 .blurbs .section h4{display: none !important;}
</style>
<style>
.friends-grid{display: none !important;}
</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.kym-cdn.com/photos/images/original/000/939/787/4d6.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
main:before {
width: 100%;
height: 380px;
display: block;
content: "";
background-image: url('https://images7.alphacoders.com/690/thumb-1920-690890.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani953.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/05/15/the-moon-soul-eater.html" target="_blank" title="The Moon - Soul Eater"><img src="https://cur.cursors-4u.net/cursor.png" alt="The Moon - Soul Eater" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
    body{
        
    background-color: black !important;
    background-image: url('https://www.pngkey.com/png/full/184-1843470_shinigami-soul-eater-mask-shinigami-soul-eater-png.png') !important;
    background-attachment: FIXED !important;
    background-repeat: no-REPEAT !important;
    background-position: right !important;
        
    }
</style>
<style>
    main{
     
    background-color: black !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    .contact{
        
    background-color: white !important;
    background-image: url('') !important;
    background-attachment: FIXED !important;
    background-repeat: no-REPEAT !important;
    background-position: center !important;
        
    }
</style>
<style>
    .top{
        
    color: red;
        
    }    
    main{
    color: #DCBD60 !important;
        
    }
    footer{
        
    color: red;
        
    }
</style>
<style>
    a{
        
    color: #630412 !important;
        
    }
    a:hover{
        
    color: #DCBD60 !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{
    color: white !important;
    }
    .top a:hover{
    color: #DCBD60 !important;
    }
    .top a:visited{
    color: COLOR !important;
    }
    .links a{
    
    color: #DCBD60 !important;
    
    }
    .links a:hover{
    color: white !important;
    }
    .links a:visited{
    color: COLOR !important;
   }
    .friends-grid p{
        
    color: COLOR !important;
        
    }
    footer .links a{
    color: white !important;
   }
    footer .links a:hover{
    color: #DCBD60 !important;
   }
    footer .links a:visited{
    color: COLOR !important;
   }
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 0px solid transparent;
}
</style>
<style>
    .top{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER  !important;
        
    }
</style>
<style>
    .links{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    footer{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: COLOR !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: #82BBC2 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    .comments-table td{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER  !important;
        
    }
</style>
<style>
    .friends .heading{
        
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
    .blurbs .heading{
        
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 0px solid transparent;
}
</style>
<style>
    .table-section .heading{
        
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>
<style>
    .details-table td:first-child {
    color: white;
</style>
<style>
.friends .heading{
color: #82BBC2 !important;
background-color: transparent !important;
}
</style>
<style>
.count{
color: #82BBC2 !important;
}
</style>
<style>
.profile-pic {
border-radius: 100px;
overflow: hidden;
}
</style>
<style>
body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!important;}
</style> 
<style>
    .profile .blurbs .heading, .profile .friends .heading {
    color: white;
    padding: 2
px 7
px;
}
</style><a class="two" href="https://spacehey.com/hooterbby" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">Hooterbby™</div></a>

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

crXssy!!	1711507079 urgggg gotta use this!! ^_^ Report Comment
Julie	1701486694 totes using! tnx! Report Comment
badtz	1686863743 using <33 Report Comment
..Rain/Gh0st..	1671577608 TYSM I LOVE SOUL EATER Report Comment
Ricky	1668080515 ~Late for the party but~ I had to fix something on my profile, and can't get the animation to work anymore- Did I do something wrong? Report Comment body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://i.kym-cdn.com/photos/images/original/000/939/787/4d6.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 4s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } ^that is the code for the starting animation. i think it was fairly close to the top, but you can re add this code with the "style" "/style" brackets around it and it should appear again. by Hooterbby ; 1668129445; Report Well- The starting animation worked, but the mouse and the background doesn't- by Ricky; 1668165177; Report
natalia !	1648434643 I love this its so cute Report Comment You have great taste! Ty. by Hooterbby ; 1649329966; Report
koolaidman	1647807848 Ive been using this layout, and its worked great, but how can I make it so my friends icons are visible? Thanks Report Comment Hey thanks for that .friends-grid{display: none !important;} it should be fairly close to the top of the code. If you cant find it let me know and ill try to help further. by Hooterbby ; 1647812929; Report remove that^ sorry forgot comments would eliminate some pieces. it will have style brackets before and after it. those will need to be removed with it. by Hooterbby ; 1647812983; Report Thank you! by koolaidman; 1647813461; Report
diamond	1647677613 THANK YOU Report Comment YOURE WELCOME (: by Hooterbby ; 1647678157; Report
kim kim	1647469413 using this! Report Comment appreciate it! (: by Hooterbby ; 1647678142; Report
Olivia<3	1647458518 def using soon Report Comment It will look awesome, thnx (: by Hooterbby ; 1647678126; Report
quinn	1647445844 this is sick Report Comment Thnx so much (: by Hooterbby ; 1647678110; Report ill use this one next time thankyouu by Gluppy; 1649604974; Report