Rengoku Themed layout!!!

Tags: anime, orange, rengoku, demon slayer, fire hashira, fire, black, red, yellow

Description:

RENGOKU LAYOUT!!!!

Anyone is free to use!! Pls just credit me and Friend me/comment !!!

DO NOT DELETE MY CREDIT

~be like other people and just move it to a more convenient spot for you~

This layout features an intro screen!!!

Just like all my other layouts, there's a bouncing animation, a floating png in the bottom right corner, Gif banner (of Rengoku of course), An img to replace "ONLINE!!", and a decorated comments/url box

I apologize for my lack of code organization

You may have to fix/edit some things to fit certain things (Like your pfp)

THANK YOU FOR YOUR TIME !!!!

If there are any issues with the code please comment the issue and I'll see what I can do!!!

All my layouts are made on PC and for PC, Sorry if they don't look right on mobile :(

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=21577) -->

<style>
body{ background-image: );
background-image:url(https://i.pinimg.com/originals/f6/13/43/f61343f6da947608d47d61eadc88c334.gif);
Background-size: 100%;

}

.general-about .details {
    border: 5px double #ffffffd1;
width: 300px;}

.profile .table-section, .profile .contact{
    margin-top: 20px;
    border: 2px solid #ffffff00;
}

nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

main .right {
    border: 5px double #ffffffd1;
    width: 300px;
    background-color: #534c4880;
}



a{color: orange;}

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

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://wallpapercave.com/wp/wp8354950.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
    background-size: 100%;
}

nav .top {
    background: #5827068f;
    color: white;
}

main {
    background:#ffffff00 ;
    color: #ffffff;
}

.profile .blurbs .section h4 {
    color: #d8e3f0;
}

nav{
    font-size: 90%;
    font-family: Rockwell;}

.profile .blurbs .heading, .profile .friends .heading{
    background: #ff6c1a85;
    color: #ffffff;
}

.details-table td {
    background: #ff000061;
    vertical-align: top;
    color: white;
}

.details-table td:first-child {
    background: #dcc451b8;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #ff6c1a85;
    color: white;
    padding: 2px 7px;
}

.profile .mood {
    margin-top: 20px;
}

.profile-pic img {
    border-radius: 100%;
    margin-top: 20px;
    margin-left: 10px;
}

 .mood {
    margin-bottom: 20px;
}

main {
    font-size: 80%;
    font-family: Rockwell;
}

main:before {
      background-image: url('https://i.pinimg.com/originals/7a/46/8a/7a468aa9d4e4295044f02a09bd9da634.gif');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 185px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }


.url-info{
    background: url(https://i.pinimg.com/originals/e5/4c/6f/e54c6f14142b42812e008eed91ea5c1f.gif);
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 250px;
color: White;
}


.comments-table td {
    color: White;
background-image: url(https://i.pinimg.com/originals/e7/3d/17/e73d17b2c1acafae0a6c8a3d5d2163ca.gif);
background-size: cover;
}


<style>

.friends
{display:none;
    }

 

    .online {
        content: url("https://psn100.net/img/trophy/2b61583dafe7e77d2c2c37faa5cb98e7.png");
  content-position: center;
   width: 95px; }

.icon, .award img {
    visibility: hidden;
}

/* contact icons */
.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: "🔥";
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🦋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌇"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🍘"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☀"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "💥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🧡"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "⚡"
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #ffffff00;
color:White;
}


nav::before {
   content: "";
   background:  url(https://gbf.wiki/images/thumb/4/4c/Npc_zoom_3040309000_01.png/480px-Npc_zoom_3040309000_01.png);
background-size: 250px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 195px;
    width: 245px;
    margin-bottom: 10px;
    margin-right: 5px;
}


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

}


</style>


<p id="p0">This Layout was made by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei</a></p>


<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo613.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/18/ebi-shrimp-sushi.html" target="_blank" title="Ebi Shrimp Sushi"><img src="https://cur.cursors-4u.net/cursor.png" alt="Ebi Shrimp Sushi" style="position:absolute; top: 0px; right: 0px;"/></a>



<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/467703d0e4372e7bc9599ba5a0e31b8d/ff3a7fc405e07ade-42/s1280x1920/be06ea6cf637bedf89e3bc0a0724361b80fa1f3c.gifv');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } </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.