User:Bluemorpho/sandbox

Story Pages
Story pages are formatted through the use of tables with the help of multiple templates to show character images.
 * For general instructions on how to add and edit tables see Help:Tables
 * These pages are best done in source editor mode due to the templates and classes that need to be used for parts of the page
 * For adding credit use Template:FanTL

Starting Out
Table settings So your first line of the table should look like this: {| class="storytable imgfit" width="100%" style="text-align:left" Title ! colspan="3" | Bg images
 * Story tables use the class "storytable" for consistent formatting, and the class "imgfit" that allows images to automatically fit the size of the cell it is put in, this allows background images to automatically be able to fit the table no matter the size of the monitor.
 * Width is set to "100%" instead of a fixed pixel size so the table will stretch and shrink no matter the device used to view the table.
 * "text-align: left" is added to ensure the normal text will always be aligned left inside the table
 * - id="Top"

Secondary header
 * colspan="3" |[[File:Bg .png]]

First Character
 * colspan="3" class="secondaryheader"|

Characters w portraits
 * width="10%" |
 * colspan="2" |

Characters without portraits
 * colspan="2" |
 * colspan="2" |

Narration
 * class="character" |
 * colspan="2" |

First Choice
 * colspan="3" style="text-align:center; padding:1em" |

Choice
 * colspan="2" class="choice" |Choice 1:
 * class="choice" width="50%" |Choice 2:

Story Item
 * colspan="2" class="choice" |Choice 1:
 * class="choice" |Choice 2:

Battle
 * colspan="3" | [[File:Story Item .png]]

Rhythmic
 * colspan="3" style="text-align:center;" |Magicwandicon.pngeMagicwandicon.png

Bottom Nav
 * colspan="3" style="text-align:center;" |Noteicon.pngmicNoteicon.png

Jump to Top
 * colspan="3" class="bottomnav" | |← Prev ✦ |Main ✦  |Next →


 * colspan="3" style="text-align:center" |Jump to top

Tabber Styles
Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2

Tab 1=tab 1
 * -|Tab 2= tab 2