Octavinelle Layout

Tags: the little mermaid, octavinelle, twisted wonderland, twst, azul ashengrotto, jade leech, floyd leech

Description:

A layout for fans of Octavinelle 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 here” in the code to whatever you want your topics to be! If you want them to stay the same, remove this section of code:

: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);

}


To change the music, replace the hashtags in the bottom section of code with the ending of a YouTube video link. For example, if you were to use https://www.youtube.com/watch?v=0jpF82YRrPY , you would take 0jpF82YRrPY and paste it there. If you need any help with anything please let me know! I also make custom userboxes if you want some!

Preview:

Layout Screenshot
click on the image for a larger preview

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

TILL ♡

TILL ♡'s profile picture

using !!


Report Comment