Danganronpa Layout! Created by me

Tags: #danganronpa

Description:

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101732) -->





<style>
main, body{
background-color:#470042;
color:white;
}

nav .top, .logout-btn{
background-color:#50044e;
color:white;
}

a:link{
color:#ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
background:#a4089a;
color:white;
}

footer{
background-color:transparent;
}

nav .top{
  background-color:
}

nav .links{
background-color:#a4089a;
}

nav .links a:link{
text-shadow: 0 0 7px white;
}

.profile .table-section, .profile .contact, .profile .url-info{
  border: 2px solid transparent;
}

.profile .contact .heading, .profile .table-section .heading{
  background-color:#a4089a
}
 .details-table td:first-child, .details-table td{
   background:transparent;
   color:white;
}

.profile .friends .person p, a, .count, .profile .blurbs .section h4{
  color: white;
}

table.comments-table td, table.comments-table td:first-child{
  background-color:transparent;
}







</style>


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

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .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 to friends */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://cdn.discordapp.com/emojis/765991692717129759.webp?size=28&quality=lossless")
    } 
</style>











<style>
body{background:url("https://www.enwallpaper.com/wp-content/uploads/2021/09/398516.jpg"); background-size: 1700px; contain }</style>





<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media1.tenor.com/m/inFUO9hugS8AAAAd/danganronpa-monokuma.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>









<style>

.logo {

content:url("https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Danganronpa_series_English_logo.svg/110px-Danganronpa_series_English_logo.svg.png");

}

</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/6qXAdv-KLWE?si=ZeJPH2WFcu8wwFGd//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>




<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99519) -->

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://th.bing.com/th/id/R.d6b12e40672ea389153ff44e8755c32e?rik=i0ApQ2CiLPS6CA&riu=http%3a%2f%2fenemyslime.com%2fwp-content%2fuploads%2f2014%2f04%2fdanganbanner3.jpg&ehk=75PUC0NWyM%2fFMV2vLyEOfY5in1qmYKbGEZbKKLXLS0A%3d&risl=&pid=ImgRaw&r=0');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>




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

<style>
@keyframes walking-danganronpa{
  from{ left:-150px; }
  to{ left:calc(100% + 200px); }
}
#danganronpa{
  position: fixed;
  left: -150px;
  bottom: -1px;
  width: 210px;
  animation: walking-danganronpa 14s infinite linear;
  pointer-events: none;
}
</style>
<img id="danganronpa" src="https://images-ext-1.discordapp.net/external/WUd_W1GggFCLo5R57l_wKpup9VXI32lb3Eo43PZK2Aw/https/media.tenor.com/7OG0YU3xEmsAAAAi/monokuma-danganronpa.gif"/>





<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAhISEAAAAAADMzMwD///8AxMTEAAAA/wAfHBoAMC4sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEREREREREREREREREREREREREREREREURBEREAAREREREREREREREzMRERIiERERERERERERETMzRBACIiERERERERERERMzNBERECIiERERERERERETMzFEREEiIhEREREREREREzMUMTE0EiIRERERERERERMzEzMTMxIiERERERERETQTMxMxMTMSIhAhEREREREzEzMTMzMzEiISIREREREREzEzMTMzMSIhIhEREREREREzMzMRERIiIiEREREREREREzMzMxIiIiIRERERERERERFDMzMSIiIBEREREREREREUMzMzE0NCIBEREREREREREzMzMRFDQyIRERERERERERMzMxMzEkNCERERERERERETMzMTExIiQhEREREREREREzMRMRFSUiIRERERERERERMzETMSJSUiERERERERERETMzMzFiIiUhERERERERERETMzMxZmZiERERERERERERETQREXEWZhERERERERERERM0ERERFiZhERERERERERETRBERERZmYRERERERERERERERERERERERERERERERERERERERERERERExERERERERERERERERERERExERERERERERERERERERETEhERERERERERERERERERESUhERERERERERERERERERERERERERERERERERERERH//j4///wcH//8AB//+AAP//AAB//wAAf/8AAH/8AAAf+AAAD/gAAA/8AAAf/gAAP/8AAH//gAD//wAAf/8AAH//AAB//wAAf/8AAH//AAB//wAAf/+AAP//wAH//4Pg//+D4Pf/x/Hz////8f////D////wf///8D////Af///w=='), auto; }</style>



<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=103512) -->

<style>
.online {content:url('https://media.tenor.com/4U11qvtSrdYAAAAi/monokuma-danganronpa.gif'); background-repeat: no-repeat; background-position: -0% 100%; z-index: 90; 
}
</style>


<!-- (c) Layout created by ☁️ ˗ˋ Nero ˊ˗ 🦴 !! ᐢ..ᐢ ꒱ ‧₊˚ (https://layouts.spacehey.com/layout?id=103534) -->

<style>

.general-about img {-webkit-mask-image: url( https://i.postimg.cc/qRtDYtsD/841-sin-t-tulo-20240413150854.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>



<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/qRtDYtsD/841-sin-t-tulo-20240413150854.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>



.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/qRtDYtsD/841-sin-t-tulo-20240413150854.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}



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

L3M0N !	1763952324 Using! Report Comment
inoriiiii	1762405421 usingg Report Comment
Diamond	1759390248 USING >U< Report Comment
Hope	1757213786 Using Report Comment
L3NA	1755288596 USING!!!! Report Comment
Matty!! ( •̀ ω •́ )✧	1754239325 using :D Report Comment
Goodshot47!	1753003258 USING Report Comment
janey	1752685436 Usingg Report Comment
Raccoon_lover54	1751900608 using Report Comment
Alvaaa	1751409518 using !!! Report Comment
📼🪱/🌴🌈/ᰔ ᴍᴀʟ!!ᰔ/💭🏝/💙🎸	1751388863 using! :3 Report Comment
Avery -_-	1750285301 usingg =) Report Comment
Keiro	1749329506 using! Report Comment
adam	1747619416 using!! Report Comment
Gabb 💤	1747492072 USING Report Comment
AUSASASUWU\AAS $AUSASASUWU\AAS's profile picture$	1746837339 USING!! Report Comment
୨ ᑲrᥱᥱ ୧	1741904008 USING ! Report Comment
Axalya°	1739550934 Usingg Report Comment
Hawks:3	1739362858 Usingggg Report Comment
Mimi >_<	1738355104 using!! Report Comment