User:Bluemorpho/sandbox
File: Idia Featured Showcase Banner.png|Summoning Events File: Twisted Tsumderland Banner.png|Twisted Tsumderland File: Twisted Tsumderland Limited-Time Showcase (Riddle & Cater) Banner.png|Summoning Events File: Twisted Tsumderland Limited-Time Showcase (Leona & Floyd) Banner.png|Summoning Events File: Sebek Birthday Jacket Showcase Banner.png|Sebek Birthday Bash File: Sebek Birthday Boy Showcase Encore Banner.png|Summoning Events
Chara Icons
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
- 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
So your first line of the table should look like this:
{| class="storytable imgfit" width="100%" style="text-align:left"
|- id="Top"
Title
! colspan="3" | |-
Bg images
| colspan="3" |[[File:Bg .png]] |-
Secondary header
| colspan="3" class="secondaryheader"| |-
First Character
| width="10%" |{{Story Character|}}
| colspan="2" |
|-
Characters w portraits
|{{Story Character|}}
| colspan="2" |
|-
Characters without portraits
| class="character" | | colspan="2" | |-
Narration
| colspan="3" style="text-align:center; padding:1em" | |-
First Choice
| colspan="2" class="choice highlight" |Choice 1: | class="choice" width="50%" |Choice 2: |-
Choice
| colspan="2" class="choice" |Choice 1: | class="choice" |Choice 2: |-
Story Item
| colspan="3" |<div style="width:200px; display: block; margin-left: auto; margin-right: auto;">[[File:Story Item .png]]</div> |-
Battle
| colspan="3" style="text-align:center;" |[[File:Magicwandicon.png|50px]]Battle[[File:Magicwandicon.png|50px]] |-
Rhythmic
| colspan="3" style="text-align:center;" |[[File:Noteicon.png|50px|link=]]Rhythmic[[File:Noteicon.png|50px|link=]] |-
Bottom Nav
| colspan="3" class="bottomnav" |[[ |← Prev]] ✦ [[ |Main]] ✦ [[ |Next →]] |-
Jump to Top
| colspan="3" style="text-align:center" |[[#Top|Jump to top]]
Story Portrait Colors
Riddle  |
Leona  |
Azul  |
Kalim  |
Vil  |
Idia  |
Malleus  |
Grim  |
Table Styles
| Heartslabyul |
|---|
| secondary header |
| normal |
| Savanaclaw |
|---|
| secondary header |
| normal |
| Octavinelle |
|---|
| secondary header |
| normal |
| Scarabia |
|---|
| secondary header |
| normal |
| Pomefiore |
|---|
| secondary header |
| normal |
| Ignihyde |
|---|
| secondary header |
| normal |
| Diasomnia |
|---|
| secondary header |
| normal |
| NRC |
|---|
| secondary header |
| normal |
| themedtable |
|---|
| secondary header |
| normal |
| card |
|---|
| secondary header |
| normal |
| article-table |
|---|
| secondary header |
| normal |
| main | |
| active | inactive |
| storytable |
|---|
| secondary header |
| normal |