Ren hana layout

Tags: ren hana, btd, boyfriend to death, ren, btd2, boyfriend to death 2

Description:

im new to this so sorry if it fails or is not the same as mine x-x

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: 'new rocker', cursive;
font-size: 120%;
}

/*TURNS PICS BLACK*/

img{
  filter:grayscale(100%) blur(0px) saturate(100%);
}

/*HOVER ANIMATION*/

img:hover{
  filter:greyscale (100%) saturate(0) blur(1px);
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>

<style>

nav .top, footer{
background:url(https://media.discordapp.net/attachments/963008521497112586/1148953767643975781/207.png?width=735&height=414)
}
footer p{
  color:black;
}

nav .links{
  background-color:#000000;
  text-align: center;
}

body{
background: black;
  background-attachment:fixed!important;
  background-size:repeating;
}

main{
  background-color:#3b3b3b;
  border: 6px solid black;
  padding: 0px;
}
main .left{
  background-color: black;
  border: 3px solid white;
}

h1{
  border: 3px solid black;
  color: black;
  text-align: center;
}

a, h2, h3, h4, .count{
  color: white;
}
a:hover{
  color: black;
}

.general-about{
  color: white;
}

.online{
  content: url(https://i.imgur.com/Hv7iF8L.gif);
  padding: 20px 0px;
}

.mood{
  background-color:#3b3b3b;
  border: 3px solid black;
  text-align: center;
}

.profile .contact{
  border: 3px solid #3b3b3b;
}

.profile .contact .heading{
  background-color: #3b3b3b;
  text-align: center;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "🕱"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MESSAGE*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "🕱"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "🕱"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "🕱"
}

.profile .url-info{
  background-color: #3b3b3b;
  border: 3px solid white;
  text-align: center;
}

.profile-info{
background:url(https://media.discordapp.net/attachments/963008521497112586/1148960181523324938/H5c8roN82W9SAAAAAElFTkSuQmCC.png?width=578&height=414);
  border: 3px solid black;
}

DIV.blog-preview{
  border: 3px solid black;
  text-align: center;
}

.profile .blurbs, .profile .friends{
  border: 2px solid black;
  color: white;
  text-align: center;
}
.profile .blurbs .heading, .profile .friends .heading{
  background-color: black;
}
.profile .blurbs .section h4{
  color: white;
}
.profile .friends .person p{
  color: black;
}
.comments-table td:first-child{
  background-color: #3b3b3b;
  border: 2px solid white;
}
.comments-table td{
  background-color: black;
  border: 2px solid white;
}

.profile .table-section{
  border: 3px solid #3b3b3b;
}
.profile .table-section .heading{
  background-color: #3b3b3b;
}

.details-table td:first-child{
  background-color: #3b3b3b;
  color: black;
}
.details-table td{
  background-color: white;
  color: black;
}
.details-table td *{
  color:black;
}



</style>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://static.wikia.nocookie.net/boyfriendtodeathgame/images/7/71/Ren_shy.png/revision/latest?cb=20180420101941/revision/latest/scale-to-width/360?cb=20230820111423" width="200" height="300"/></div>

<p><img src="https://media.tenor.com/evl4WcpViCAAAAAC/btd-boyfriend-to-death.gif" alt="description" width="600" height="400"/></p>
<table border="0"><tr><td>
<a href="http://quiz.ravenblack.net/flavour.pl"><img align="LEFT" width="100" height="100" src="http://quiz.ravenblack.net/flavour/9.png" alt="What Flavour Are You? I taste of Death."/></a>I taste of <b>Death</b>.<br/><br/>
Doesn't everyone want a taste of death? Well they should. Most people deserve death. Keep away from me unless you think you're better than that. I probably won't like you. <a href="http://quiz.ravenblack.net/flavour.pl">What Flavour Are You?</a>
</td></tr></table>

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

goreweb	1723989527 using Report Comment
lawrence ⌆	1720893503 using !!! Report Comment
!!!ToRi LivE★	1719702685 Using!! :33 Report Comment
sherribirkins	1718468170 omgg i love this (using btw) Report Comment
nikki :3	1717380080 using it!! :3 Report Comment
XZAVS	1714444955 using your design tots cool!! js changed the pics into my silly :33 Report Comment
Viviemortis	1708883005 this looks so cool!! savin it for another time ^_^ Report Comment