Scarabia Dorm Layout

Tags: disney, scarabia, aladdin, twisted wonderland, twst, kalim al-asim, jamil viper

Description:

A layout for fans of Scarabia 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:

Code:

<!-- (c) Layout created by Ashdown the Beloved (https://layouts.spacehey.com/layout?id=24519) --> <style> @import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap'); p{ font-family: 'Kalam', cursive; font-size: 20px; color: #dac88e; } h1, h2, h3, h4, h5,{ font-family: 'Kalam', cursive; font-size: 200%; color: #dac88e; } body{ background-image: ); background-image:url(https://i.pinimg.com/originals/e0/bc/e4/e0bce4d229f6a43e3e2a57fbd2c5adef.gif); Background-size: 100%; background-color: #dac88e; } main:before { width: auto; margin-bottom: 25px; border: 1px solid black; height: 250px; display: block; content: " "; box-shadow: 0px 0px 5px 1px #dac88e; background-image: url(https://c.tenor.com/z5aGGNz-3ggAAAAC/scarabia-jamil.gif); background-position: center center; background-size: cover; } footer{ color: ; } :root { --logo-blue: #860900; --darker-blue: #dac88e; --lighter-blue: #ecbf08; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: #dac88e; --light-orange: #1e1e23; --even-lighter-orange: ; --green: ; } main { border-radius: 0 0 15px 15px; border: 2px solid rgba(0,0,0,0.7); background-color: #860900; } .profile h1 { font-size: 2em; color: #dac88e; font-family: 'Kalam', cursive; text-shadow: 3px 3px #000000; } ::-webkit-scrollbar { width: 3px; height: 10px; } ::-webkit-scrollbar { width: 3px; height: 10px; } ::-webkit-scrollbar-thumb { background: rgba(218, 200, 142); } ::-webkit-scrollbar-track { background: rgba(134, 9, 0); } .blurbs .inner{ text-align: center !important; } :root { --topic1: "Insert Topic"; --topic2: "Insert Topic"; --topic3: "Insert Topic"; --topic4: "Insert Topic"; --topic5: "Insert Topic"; --topic6: "Insert Topic"; } .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://media.tenor.com/8ESSKv6NwzMAAAAC/twisted-wonderland-twst.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/toons/too-10/too966.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/12/28/magic-carpet-aladdin.html" target="_blank" title="Magic Carpet - Aladdin"><img src="https://cur.cursors-4u.net/cursor.png" alt="Magic Carpet - Aladdin" 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.