Jump to content
Discussions

Undertale Wiki:Formatting

From Undertale Wiki

Formatting in the wikitext of wiki pages does not significantly impact the actual content, but does help keeping the wiki article content from constantly being changed simply for formatting changes. It makes the article more readable for users using the source editor, and adhering to consistent standards of formatting makes doing massive changes via automation easier.

Spacing

The table below demonstrates the spacing standards currently in use on the wikis.

Bad Good
*Bullet
**Point
***List

#Numbered
##List

==Header 2==
===Header 3 ===
Paragraph text.
==== Header 4====


;Bolded
:Indent


<gallery>File1.png|Caption 1
File_2.png|Caption 2
</gallery>

{|
!Column
!Column
|-
|class="test"|Data
|Data
|}
* Bullet
** Point
*** List

# Numbered
## List

== Header 2 ==
=== Header 3 ===
Paragraph text.

==== Header 4 ====

; Bolded
: Indent

<gallery>
  File1.png  | Caption 1
  File 2.png | Caption 2
</gallery>

{| class="wikitable"
! Column
! Column
|-
| class="test" | Data
| Data
|}

In addition to these spacing standards, individual templates contain information on how they are meant to be formatted in their template documentation. When in doubt, adhere to TemplateData formatting.

Classes

Content on the wiki can be styled using CSS. This is generally done by using gadgets to define site-wide styles, or TemplateStyles to define styles specific to certain templates or pages. Styling using CSS is available only to wiki administrators (even in the case of TemplateStyles), so to propose changes you can contact a staff member of the wiki.

When styling content used inside wiki articles (for example, coloring dialogue text the way it appears in-game), it is possible to use either use inline CSS (the style="" attribute) to write out the CSS rules themselves, or use a CSS class (the class="" attribute) and then write sitewide styles applying to that element. The latter is always preferred, because it uses simpler syntax, allows for reusable styles, and makes changing behavior across themes simpler.

To assign a class to an element, use the class attribute. For example, <span class="red">this</span> wikitext results in this result. Classes can also be combined in one tag. For example, <span class="yellow papyrus">Yellow Papyrus</span> gives Yellow Papyrus.

In context of certain templates, such as {{Quote}} and {{Cite game}}, instead of using <span class="red"></span> it is preferred to use <red></red>, as they have special handling of such tags and convert them to appropriate classes.

Text Color

Fonts

  • Comic Sans (sans)
  • Papyrus (papyrus)
  • Determination Mono (dt)

Tables

The wikitable class is meant to be assigned to most tables on the wiki.

Column 1 Column 2 Column 3 Column 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

If a table row is wrapping too early, the nowrap class can be used to prevent it from wrapping. For example:

Table where the first column header wraps
Column 1 that has a very long name and wraps around because of that Column 2 Column 3 Column 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
Table where the first column header does not wrap
Column 1 that has a very long name but does not wrap around because of the class Column 2 Column 3 Column 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Images

If you need to display an image in an article that is horizontally flipped, you can assign the class flip-image to that file. For example,

[[File:Spriters Resource logo.png|32px|Spriters Resource logo]] [[File:Spriters Resource logo.png|32px|Spriters Resource logo flipped|class=flip-image]] gives...

Spriters Resource logo Spriters Resource logo flipped

Depending on the image, it may need to have an outline or a set background to be visible on both dark and light themes. The class parameter in infobox templates or files can be used to add outlines and backgrounds to files.

Available classes for backgrounds and outlines
Class Example Purpose
bg-on-dark The Cutting Room Floor Adds a background to the image on the dark theme
bg-on-light The Cutting Room Floor Adds a background to the image on the light theme
outline-on-dark The Cutting Room Floor Adds an outline to the image on the dark theme
outline-on-light The Cutting Room Floor Adds an outline to the image on the light theme

Outlines are preferable to backgrounds, but images that artistically have an outline should have backgrounds instead. Animated images may also be more suited for backgrounds, if outlines create strange effects.

Lyrics

A single line break in wikitext does not create a paragraph break, and two line breaks have to be used for that. This is inappropriate for content such as song lyrics, which should be wrapped in <poem></poem> tags. For example, Mad Mew Mew's Super Secret Song would be formatted like this:

ooo ooo oooo
ooo ooo oooo
oo oo ooo oo ooo

oo oo oo oo oo oo oo oo
oo oo oo oo ooo

ooo

Dialogue

Quotations of in-game dialogue are used in various sections of wiki content (e.g. Flavor text) as well as in quote blocks ({{Quote}}) and citations ({{Cite game}}). Generally, different message boxes of dialogue are separated into different bullet point list items when used directly in a section, and into new lines when used in quote blocks or citations. Starting asterisks are omitted from dialogue lines, and new lines within a single message box are converted into spaces, unless each line signifies a different speaker.

When formatting flavor text directly in a section, labels explaining what the flavor text is for follow the dialogue line in the format of * ''Dialogue line'' '''[Label]'''. If there are multiple dialogue lines under the same label, the label should be stated first, with dialogue lines following in sub-bullet points:

* '''[Label]'''
** ''Dialogue line 1''
** ''Dialogue line 2''

This format should be used for the entire block of dialogue, instead of mixing the single line and multi-line formats, if at least one dialogue line in the block has multiple lines of dialogue.

All dialogue lines are assumed to come from the article subject, or from the quote author in quote blocks and citations. If this is not the case, the speaker should be specified in the format of '''[Speaker]''' ''Dialogue line''.

Example 1

Napstablook screenshot lying down.png
Napstablook lying down in their house

here we go... you'll lie down as long as you don't move.

Hathy oferring a Hearts Donut, Chapter 1

This example shows Napstablook's dialogue when lying in their house, seen in the screenshot, in all three dialogue styles.[example 1]

  • here we go... you'll lie down as long as you don't move.

Example 2

Sans screenshot before battle.gif
Sans's pre-battle dialogue

heya.
you've been busy, huh?
...
so, i've got a question for ya.
do you think even the worst person can change...?
that everybody can be a good person, if they just try?

Sans's pre-battle dialogue

This example shows flavor text from Jevil's battle, seen in the screenshot, in all three dialogue styles.[example 2]

  • [Pre-battle]
    • heya.
    • you've been busy, huh?
    • ...
    • so, i've got a question for ya.
    • do you think even the worst person can change...?
    • that everybody can be a good person, if they just try?


Example references

  1. here we go... you'll lie down as long as you don't move.Napstablook, when lying down in their house
  2. heya.
    you've been busy, huh?
    ...
    so, i've got a question for ya.
    do you think even the worst person can change...?
    that everybody can be a good person, if they just try?
    Sans's pre-battle dialogue

It is always preferred to use internal links ([[ ]]) as opposed to external links ([ ]). For example, instead of linking to [https://undertale.wiki/w/Sans Sans] on the Deltarune Wiki, or [https://deltarune.wiki/w/Sans Sans] on the Undertale Wiki, the preferred way is to link to [[ut:Sans|Sans]] and [[dr:Sans|Sans]], respectively. Available interwiki prefixes are listed on Special:Interwiki.

Punctuation should go inside external links. Example: "YouTube." instead of "YouTube."