User:Fleur123/Sandbox

Collapsible/Expand examples.

Pre-Note

 * See fandom Help:Collapsing for more.

All Collapsible examples below use the same base class: Optional code: Possible Bugs:
 *  class="mw-collapsible"  - defines that the div/table can collapse (open or close);
 *  class="mw-collapsed"  - used among collapsible class to define that the div/table will already shows up being closed;
 *  class="mw-collapsible-content"  - if used in another div inside the first collapsed div, this class specifies what part of the content is collapsed;
 *  data-expandtext="Toggle name when closed" data-collapsetext="Toggle name when open"  - use to change the name of the toggle. From the default Expand to any like "Show more" and "Show less;"
 *  style="width:100%;"  - use if the content it is too small for the toggle to be automatically aligned on the farther right side of the page.
 * Things are hidden when they should not!? Is something not working?
 * Always, in absolutely always, close any HTML code you open, this is a rule of thumb. If you open a  close the  , or you will have the basic HTML bug in your page. If something is not working, check if you closed the div or other codes such as quote marks. If all is closed properly then check if your code is the same as the ones above.


 * The button appearing a paragraph below its local!?
 * This is not exactly a bug as the toggle-button floats on the right side of the defined place. If there is nothing for the button to float along it seems like a bug entering the paragraph below. This does not inflict in the button usability and only happens if using with a div were: there is no preview content + if the toggle-button is already collapsed. For example: In the second usage below the toggle-button would enter the explanation box. To solve this just add the clear after the closed.


 * Article's Contents Box not redirecting to some headers!?
 * Only those that are hidden under collapsible div/table will not be redirected via the page contents box. This is a bug from Fandom/Wiki. Unfortunately I know no solution to this, however, to turn around this problem, instead of using Headers inside hidden content, a solution can be to use to make words as big as Header 2, so as it does not use the Header code the title-words will not appear in the contents box to be clicked and trick users thinking there would be any redirection.


 * Visual Editor not showing hidden content!?
 * This only happens if using the class "mw-collapsible-content" and this is a bug from Fandom/Wiki. All others codes from above allow edition in the Visual Editor.

The wiki-toggle definitions such as appearance etc, can be changed via CSS, yet this page will not cover it.

Examples:

Magic Bloom
A short pilot episode called "Magic Bloom" began production in 1999 and was finished in 2001. It was test-screened in 2002. In a video interview, Iginio Straffi said that the pilot cost €100,000 to make, but he was very unsatisfied with it.

Character Design
The pilot episode had earlier character designs that did not make it into the final production.

Winx:
 * Flora wore glasses and had purple hair.
 * Musa was intended to have short green hair and green eyes.
 * At the Lucca Comics & Games convention in 2018, the pilot's transformation sequences were shown. It revealed that the Winx members' names were the same, except for Stella, who was supposed to be named "Sasha".

Photos
The above example the toggle "Expand" is beside the second header. This code does not allow edition on Visual Editor. The code follows:

Header
Text. Hidden content.

Winx, Just Fairies
When the first season of Winx Club started production, the show's name was not finalized yet. At first, a test poster called it "Winx, Just Fairies" in 2002. On some storyboards from the same time, the title of the series was just "The Winx".

Official Synopsis
"Fairies and Witches have been fighting forever, in the name of Good and Evil. Somewhere in the Universe this battle begins... Bloom and her aspiring-fairy friends will be the protagonists of the most exciting adventure of all time."

''They are smart, they are stylish, they are magic... they are THE WINX!''

-Pilot available

-Multi-layered show with elements for both boys and girls

-Action sequences, attitudes and displays of power, strength and magic for boys

-Fashion, friendship and lots of music for girls

-Wit and humor will also lace this newest offering on the animation."

The above example I changed the toggle name to "Show More" and moved to be below a preview text. The code follows:

Header
Text. Hidden content. Note: add the clear or the toggle-button will invade a paragraph below. See Pre-Note for further explanation.

Season 1
There were some deleted scenes of Season 1 that were revealed in the trailer:
 * The scenes of the Winx's transformation.
 * The scenes of the Specialist fight against an octopus-like monster.

Noticeably, there were some changes in comparison to the finalized Season 1:
 * Bloom was intended to transform by spinning.
 * Flora's final pose included a transparent embossed four-petaled flower on the background.
 * Stella's final posing background was altered.
 * Stella's Winx had a brighter range of color.
 * The Specialists seemed to use phantoblades only.
 * The phantoblades was intended to only be glowing, not glowing and translucent.

Season 2
The opening of Season 2 shows a scene of all the Winx girls minus Bloom flying in the night sky and being teleported by Stella. The scene neevr appeared in any of the episodes.

Specials
There were some deleted scenes of the Specials that were available to watch:
 * Bloom winking to the viewers.
 * A possible deleted part of Aisha's Magic Charmix.

Season 3
4Kids version of episode Episode 301 shows the scene of Flora and her plants in it's entierty. The part where her plants actually appear was deletd from the final RAI edit.

Season 5
https://www.youtube.com/watch?v=ZnXHiqzDS3o&t=0s There were some deleted scenes of Season 5 that were available to watch:
 * The Harmonix transformation with its original song.
 * A scene from Flora's Harmonix transformation.
 * The Winx's pre-clothing in the original 3D Sirenix transformation was made of white energy rather than colored energy.
 * Bloom's original 3D Sirenix transformation background was more colorful and had more graphic effects.

Season 7
There were some deleted scenes of Season 7 that were available to watch:
 * The scenes where Bloom is sitting at Alfea feeling sad.
 * The scenes where the Winx are seen flying in their dinosaur costumes.
 * The scenes where Brafilius is using his hat to attack the Winx.
 * The scenes where Stella is seen dodging Brafilius' attack and Bloom attacking Brafilius.

Season 8
The above example all headers don't have any preview text/image just the header title. This code does not allow edition on Visual Editor. Example for the code follows:

Season 1
Hidden content under Season 1.

Season 2
Hidden content under Season 2. That extra space on the left side is not needed, it was just to better visualization and to show the code cascading how it works:
 * div
 * Preview
 * div
 * Hidden Content
 * /div
 * /div

Specialists

 * Sky: Originally, Sky had different physical appearance and a different outfit.
 * Riven: Originally, Riven had a physically change, his hair appeared to be longer as Palladium and Helia, a different physical appearance and a similar suit of Sky in Season 3.
 * Timmy: Originally, Timmy's hair was short and had short spikes, he wore a pair of round glasses, a shirt with long sleeves, bag, boots and a short Bermuda.
 * Helia: During the opening sequence of Season 2, Helia has a brief appearance of wearing a red shirt and red shoes with gray pants.

Roxy
Originally, Roxy's eyes were yellow and her long-sleeve top was cyan instead of sea green. These were later changed, however, they can still be seen in some scenes in the finalized series, such as in "The White Circle" or in the opening scenes of Season 4.

Season 6

 * The Winx's sixth season civilian outfits are different compared from the prototype outfits seen from the Season 6 trailer.

Fairy Couture
The above example is similar to the other, but I also hid everything inside the first Header. This code does not allow edition on Visual Editor. Example for the code follows: ==First Header (appearing)==

===Season 1 (hidden under first header)=== Hidden content under Season 1.

===Season 2 (hidden under first header)=== Hidden content under Season 2.

That is a LOT of divs, be careful.

Again, the space on the left is not needed, it was to show the cascading:
 * div (N #1)
 * Series (showing)
 * div (N #2)
 * div (N #3)
 * Season 1 (hidden under Series)
 * div (N #4)
 * Content (hidden under Season 1)
 * /div (N #4)
 * /div (N #3)
 * div (N #5)
 * Season 2 (hidden under Series)
 * div (N #6)
 * Content (hidden under Season 2)
 * /div (N #6)
 * /div (N #5)
 * /div (N #2)
 * /div (N #1)

{| class="mw-collapsible mw-collapsed" width="100%"

Underwater Creatures

 * Selkies: In the planning stage, the Selkies have more similarities with the Pixies, with fish-like features, but were later changed.



Legendarium
There are certain changes in the Legendarium:
 * Children of the Night: The vampires had pale skin and more demonic face. This may be the first concept of the Children of the Night.
 * The Children of the Night was going to be only three of them.
 * Werewolves: The werewolves in their prototype version had a darker color and thicker fur as seen in the Season 6 trailer.
 * Ariadne: Ariadne had another type of hairstyle, which was a ponytail with no bangs.



Other Creatures

 * }

The above example uses a table code instead of a div. Tables can give problems such as: The code follows: {| class="mw-collapsible mw-collapsed" width="100%"
 * in mobile it creates the default table-box no matter what code you add;
 * every time someone edit the page, things inside a table can be automatically placed a paragraph below, and this can continues in a loop. This don't always happens, it's more likely a bug with MediaWiki list, but it's a real nightmare when it does.
 * tables tend to move the rows and columns as it wishes, it would need extra codes to fix this, although, using it just for a "expand" won't be a problem considering it will be just one column.

Header

 * Hidden content.
 * }
 * }

<!--

Fairy Forms
In the early concept art, the Winx had bigger wings. The wings were in solid colors, instead of translucent colors. With the exception of Musa, who had noticeably changes in the first fairy forms, the outfits of the rest of the Winx did not change much:
 * -|Winx=
 * There were two strips of cloth on two sides of Bloom's outfit. She also wore a dark blue legging. And instead of having two pieces, her outfit was in one piece. The collar was altered, the gloves were more puffed and tied by the ribbons at her elbows. There were yellow strings used to decorate the dress, which were connected to the jewel on her chest. Two more gold jewels attached to her boots, connected to antenna-like fabrics. The boots received the dark blue design on top of them. Her wings were in light cyan and white.
 * Stella's hair ties were blue instead of orange. Her headband was decorated with yellow spots instead of being solely blue. Her top was off-shouldered and stayed in orange color. There was a silver ring connected the top and the bottom. In the center of the bottom, there was a dark orange fabric, the rest of the bottom was decorated by orange and yellow triangles. Her armbands were longer and attached two yellow jewels. Her boots were shorter and also attached two yellow jewels. Her wings had one more leaflet and stayed in Bloom's wings' colors.
 * Flora's theme color was yellow/cream instead of pink. The dress was also more puffed. Her choker was in chartreuse-color while the flower/ribbon was spring green. Her gloves were also more puffed and resembled separated sleeves. She wore spring green high-heeled shoes, decorated by two matching strips and light green leaf-shaped fabric on each side. Her wings were in spring green and lime.
 * Tecna also had lime jewels not only on her helmet but also on her dress just like Bloom and her boots. The jewels near her ears were also lime green instead of cyan like in the present. The collar, sleeves and gloves were altered. There were two laser guns attached on her gloves. There were two yellowish green lightning-shaped antenna-like objects decorated her helmet and two light purple strips of cloth decorated her outfit.
 * Musa: Coming soon...


 * -|Sirenix=

Prototype
The prototype Sirenix wings, which can be seen in the Winx Club: The Mystery of the Abyss poster and the earliest trailer of Season 5, appeared as more pointed, in the shape of a stonefish's dorsal fin spines. The colors were also more vibrant. Noticeably, each girl's attack has a unique special effect similar to Believix's. Bloom and Aisha are also the only girls with visible highlight streaks on their hair, though Bloom's are easier to spot.

Backgrounds

 * -|Schools=

Cloud Tower

 * -|Planets=

Storyboard

 * -|Development Stages=

The Winx

 * -|Season 4=

Trailer
Storyboard for Season 4 trailer done by Simone Borselli.

Miscellaneous Episodes

 * -|Movies=

The Mystery of the Abyss

 * -|Merchandise=

Behind the Scenes

 * -|Season 3=


 * -|Movies=

Pre-Productions

 * -|Movies=

Comics
Characters Design done by Pierdomenico Sirianni, Luca Bonessi and others.
 * -|Characters=

Among others, Pencils by Luca Bonessi, Pierdomenico Sirianni and Line art Rosa La Barbera.
 * -|Pages=

Books

 * -|Adventure Series=

Dolls
Design for the "Odysea Explorer" collection by Silvia Ruggieri: "Clothes inspired to a sea adventure. White and blue stripes, golden buttons and anchor shaped jewels."
 * -|Odysea Explorer=

Miscellaneous

 * -|Couture=


 * -|Games=

Trivia
-->
 * So far, Charmix, Sophix, and Lovix are the only transformations without released concept art.
 * So far, out of all the prototype Bloomix wings, only Stella's were not fully seen.
 * The concept Sirenix wings can be found on the Daphne Limited Edition doll.