Ignihyde Layout

Tags: twisted wonderland, disney, ignihyde, hercules, twst, idia shroud, ortho shroud, hades

Description:

A layout for fans of Ignihyde dorm from Disney’s Twisted Wonderland! This layout features an intro gif, animated background and header, customizable interest titles, custom cursor, and autoplayed music! To change the interest titles, just change where it says “Insert topic” in the code to whatever you want your topics to be. If you don’t want this, you’ll have to remove from :root{ to .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6); } Please leave the next section in! That is the intro gif! At the very bottom of the code you will see This allows music to autoplay on your profile! It is intended for YouTube links ONLY so please keep that in mind. To use this, you’ll take any YouTube link and copy the letters and numbers in it! For example, you have this link (https://www.youtube.com/watch?v=zH30C9AI-5g), you will copy zH30C9AI-5g and replace ######## with it! If you don’t want music to autoplay on your profile, just remove that section of code! I can also make Userboxes to match the layout you choose!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Ashdown the Beloved (https://layouts.spacehey.com/layout?id=80804) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
p{
   font-family: 'VT323', monospace;
   font-size: 20px;
   color: #FFFFFF;

}
h1, h2, h3, h4, h5,{
   font-family: 'VT323', monospace;
   font-size: 200%;
   color: #FFFFFF;

}
     body{ background-image: );
background-image:url(https://i.pinimg.com/originals/3d/08/e0/3d08e03cb40252526fee2036a67f07f1.gif);
Background-size: 100%;
background-color: #026bec
}

main:before {
   width: auto;
   margin-bottom: 25px;
   border: 1px solid black;
   height: 250px;
   display: block;
   content: " ";
   box-shadow: 0px 0px 5px 1px #026bec;
   background-image: url(https://64.media.tumblr.com/3f13205d046f98bb66b573b471d68db1/002323b5de243e61-d7/s540x810/35b121063ce0aa4eb19b78bf1cc3900f80828cdc.gif);
   background-position: center center;
   background-size: cover;
}

footer{
   color: ;
}

:root {
   --logo-blue: #026bec;
   --darker-blue: #026bec;
   --lighter-blue: #b4dffc;
   --even-lighter-blue: ;
   --lightest-blue: ;
   --dark-orange: #026bec;
   --light-orange: #b4dffc;
   --even-lighter-orange: #026bec;
   --green: #00ff00;
}
main {
    border-radius: 0 0 15px 15px; 
    border: 2px solid rgba(0,0,0,0.7); 
        background-color: #3a3c42; 
}

.profile h1 {
    font-size: 2em;
    color: #FFFFFF;
    font-family: 'VT323', monospace;
    text-shadow: 3px 3px #000000;
}

::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(58, 60, 66);
    }

    ::-webkit-scrollbar-track {
    background: rgba(2, 107, 236, 0.9);
    }
.blurbs .inner{

text-align: center !important;

}
:root {

  --topic1: "Insert Topic Here";
  --topic2: "Insert Topic Here";
  --topic3: "Insert Topic Here";
  --topic4: "Insert Topic Here";
  --topic5: "Insert Topic Here";
  --topic6: "Insert Topic Here";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://img.buzzfeed.com/store-an-image-prod-us-east-1/fHWZyFZ-3.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-4/mec396.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/11/05/cyan-psp.html" target="_blank" title="Cyan Sony PSP"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cyan Sony PSP" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/########//?&;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>

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

Vesper★	1721272733 Hiiii,can I have permission to use the layout? Report Comment
Niwo	1706155114 omg!!!!!! lo voy a probar ignihyde es mi dormitorio favorito :3 Report Comment
˗ˏˋ ★AXEYWAXY★ ˎˊ˗	1702130786 YAHHHHH IVE BEEN LOOKING FOR TWST STUFF FOR SO LONG >:3 Report Comment I GOTCHU by Ashdown the Beloved; 1702316234; Report
★ ⋮ Mars ⸝⸝ 🍉 🇵🇸	1698068708 giggle. Report Comment
jeiazu	1695250247 IM SO USING THIS OH EM GEE Report Comment the gift ans background ain't working for me by jeiazu; 1695250457; Report I MEAN GIFS by jeiazu; 1695250464; Report Oh heck I will try to figure out what's going on!!! Sorry for responding late T.T by Ashdown the Beloved; 1695827838; Report So, it works on my end so idk what's happening really oh no by Ashdown the Beloved; 1695828121; Report