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.

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

nymph	1721957068 USING !!! <33 Report Comment
Shadz (mostly inactive mb)	1709091517 using <33 Report Comment
Akira !!	1705865687 When I searched for a rengoku layout this was the only one I found :0 Report Comment Yeah makes sense, I made this one because it was requested lol, I'm actually planning to remake this because I'm not so proud of this one by 🎧 : ̗̀➛ ykkeio; 1706456566; Report
Cadence	1688802036 I LOVE THIS LAYOUT SO MUCH!!! Report Comment
vincent ★	1652060032 super rad !! Report Comment
duncan!!	1652050204 ITS SO PRETTY AHHHH IM GONNA USE IT 100% Report Comment