Wiki Guides
Standards
To maintain a consistent and cohesive experience, there are certain standards that are expected on YumeWiki. Most of these are explained in the Style Guide. Below are some that are not.
Filenames
Filenames should be descriptive in what they contain, but short enough to be convenient. An image of a connection between two locations would probably include the locations' names, but writing their full, unabbreviated names would make the filename ridiculously long and annoying to use. Writing generic names such as connection2.png
creates a similar issue, where it is still hard to use due to being hard to discover and keep track of.
Template Documentation
To write documentation for templates, you can use Template:Documentation/preload as a base. When adding {{documentation}}
to a page without a doc, pressing the link "Create documentation" will automatically use the preload file.
Copy and Paste
Youtube Video Embed
Embed youtube videos in a vertical stack, with the video titles as captions underneath. For example, see Yume 2kki:Obstacle Course (revision Template:Oldid).
{{#ev:youtube|WATCHID|dimensions=320x180|alignment=right|description=CAPTION|container=frame}}
To have more than one video appear side-by-side, choose alignment=inline
.
To have these videos centered, do the following, as was done on Yume Nikki:Frog (revision Template:Oldid):
<div style="text-align: center;"> {{#ev:youtube|WATCHID|dimensions=320x180|alignment=inline|description=CAPTION|container=frame}} {{#ev:youtube|WATCHID1|dimensions=320x180|alignment=inline|description=CAPTION1|container=frame}} </div>
To have the video appear somewhat inline with a gallery, copy the following as in Yume Nikki:Block World (revision Template:Oldid):
<div style="display:flex; flex-direction:row; flex-wrap:wrap"> <div style="flex-basis:calc(100% - 320px)"><gallery> ... </gallery></div> <div style="flex-basis:320px;">{{#ev:youtube|WATCHID|dimensions=320x180|alignment=inline|description=CAPTION|container=frame}}</div></div>
Helpful Formatting
Character | Name | Unicode/HTML | Usage |
---|---|---|---|
# | Number Sign | U+0023 &num |
The number sign, also called a pound or hash symbol. The HTML entity can allow escaping certain situations. |
| | Vertical Line | U+007C &VerticalLine | |
The pipe character, also called the vertical line or bar, is used extensively for Mediawiki parsing. The HTML entity escapes these situations. To delay the parsing instead of prevent it, use {{!}} .
|
· | Middle Dot | U+00B7 · ¢erdot |
Solid dot that is in the middle of a line. |
← | Leftwards Arrow | U+2190 &larr |
Leftwards arrow as one character. |
↑ | Upwards Arrow | U+2191 &uarr |
Upwards arrow as one character. Can be used for "to top" links. |
→ | Rightwards Arrow | U+2192 &rarr |
Rightwards arrow as one character. Used when listing directions on location pages. |
↔ | Left Right Arrow | U+2194 &harr |
Arrow that points both left and right. Can be used to show a relation between two elements. |
∕ | Division Slash | U+2215 | Appears to be a forward slash. Since it has the same appearance but no function, it can help with presenting HTML. |
> | Fullwidth Greater-Than Sign | U+FF1E | Fake greater-than > symbol. Presented wider than the normal one. |
< | Fullwidth Less-Than Sign | U+FF1C | Fake less-than > symbol. Presented wider than the normal one. |
Code | Example Input | Output | Explanation |
---|---|---|---|
<nowiki></nowiki> | <nowiki>'''text'''</nowiki> | '''text''' | Escapes wiki markup and stops formatting code like <pre> from being recognized. |
<pre></pre> | <pre>text</pre> | text |
Completely preformats text. All wiki markup, template calls, links, parser functions, HTML codes, and comments are completely ignored and are treated as raw text. |
<pre style="color: red">text</pre> | text |
You can add HTML styles to preformatted text, like with divs and spans. | |
<code></code> | <code>text</code> | text
|
Fixes the width of text and applies a background like with the <pre></pre> tags. |
<u></u> | <u>text</u> | text | Underlines text. |
<sup></sup> | text<sup>text</sup> | texttext | Superscript. |
<sub></sub> | text<sub>text</sub> | texttext | Subscript. |
<big></big> | <big>text</big> | text | Makes text bigger. |
<h3></h3> | <h3>ctrt</h3> | (blanked) | Defines a header using HTML, equivalent to ===this=== in wikitext. The number defines the header level from 1-6. Links to the header will work and it will appear in the TOC.
|
<mark></mark> | <mark>text</mark> | text | Highlight text. |
<span class="spoiler"></span> | <span class="spoiler">text </span> | text | Hides text underneath a spoiler. Visible when selecting it on PC or tapping it on mobile. May not work when using certain wiki skins. |
<br> | text1<br>text2 | text1 text2 |
Places a line break in text. |
<br clear=all> | [[File:Cagedfairy.png |thumb|right|Text]] <br clear=all> text | text |
Places a line break whilst forcing following elements to only appear after preceding elements are fully shown. |
[[File:Cagedfairy.png |thumb|right|Text]] text | text | The same example without <br clear=all> , for reference.
| |
<blockquote></blockquote> | <blockquote>text </blockquote> |
|
Presents text in a blockquote (indent) |
<span id=""></span> | <span id="aexgda"></span> | Include anywhere on the page to create an invisible link anchor: User:ZASNK/Sandbox#aexgda. This can be placed within a header (inside of the equal signs) to make an alternate header link. | |
<!----> | <!--text--> | Comments. Completely hidden from the page, but visible when editing. |
Style/Class | Example Input | Output | Explanation |
---|---|---|---|
style="text-align: center;" | <div style="text-align: center;">text</div> | text
|
This div style forces inline elements to be presented in the center of a page. |
style="-webkit-column-count:2;column-count:2;" | <div style="-webkit-column-count:2;column-count:2;">text1 text2 text3</div> | text1
text2 text3 |
Formats text into the specified number of columns. (the "-webkit-column-count:2;" seems to be useless, but it might be needed for special cases) |
style="display: flex; flex-direction: row;" | <div style="display: flex; flex-direction: row;"><gallery widths=40 heights=40> Cagedfairy.png|Text </gallery>[[File:Boyoutline.png |thumb|Text]]</div> | Present divs in a row. In the example it shows that you can place an element next to a gallery, which is usually not possible. | |
Collapsible Sections | |||
class="mw-collapsible" | <div class="mw-collapsible">text1 <br>text2</div> | text1
text2 |
Allows text to be collapsed. |
class="mw-collapsible mw-collapsed" | <div class="mw-collapsible mw-collapsed">text1 <br>text2</div> | text1
text2 |
Adding mw-collapsed makes it collapsed by default. Note: a page anchor within the collapsed element will have it automatically open when you follow the link.
|
class="toccolours mw-collapsible" | <div class="toccolours mw-collapsible">text1 <br>text2</div> | text1
text2 |
Adding toccolours gives the content the style of the table of contents (hence toccolours).
|
class="mw-collapsible-content" | <div class="toccolours mw-collapsible mw-collapsed">text1<div class="mw-collapsible-content">text2</div></div> | text1
text2 |
Use a separate div within the collapsible content one to define this inner div as the content to be collapsed. The text in the outer div but not the inner becomes a header for the collapsible content. |
Code | Example Input | Output | Explanation |
---|---|---|---|
<ul> </ul> | <ul> text1 text2<br>text 3 text 4</ul> |
text3 text4 |
Text is formatted in an unordered list. |
<div style="text-align: center;"><ul> text1<br>text2 </ul></div> |
text2 |
You can place the list in a div to apply div styles to the whole list. Useful to center images in a list. | |
<li> </li> | <li>text1</li> <li>text2</li> | Gives text elements the style of being in a list. More importantly, allows to separate them into groups. | |
<ul> <li> </li> </ul> | <ul> <li>text1</li> <li>text2</li> </ul> |
|
The combination of the two gives the best output. <li> </li> is used to separate the two.
|
style="display: inline-block;" | <ul> <li style="display: inline-block;> [[File:Cagedfairy.png |thumb|Text]] </li> <li style="display: inline-block;"> [[File:Boyoutline.png |thumb|Text]] </li> </ul> | This list style forces floating elements such as image thumbs to appear on the same line, even if they are otherwise unable. | |
style="vertical-align: middle;" | <ul> <li style="display: inline-block; vertical-align: middle;"> [[File:Cagedfairy.png |thumb|Text]] </li> <li style="display: inline-block; vertical-align: middle;"> [[File:Boyoutline.png |thumb|Text]] </li> </ul> | This list style can be used in addition to the previous one to align the elements to the top, middle, or bottom of the lines they are occupying. |
Code | Usage |
---|---|
class="wikitable" | Use at the table start to make it look like a standard table. |
class="sortable" | Adding this class to a table will allow you to sort the entire table columns of your choice. |
class="unsortable" | This class can be used on column headers to disable sorting the table by that column. |
style="width: 100%;" | At the table start, forces the table to fit a percentage of the screen width, regardless of size. At the first row of a column, forces that column to fit a percentage of the table width. |
style="vertical-align: top;" | Change the vertical alignment of elements in a cell (the default is middle ).
|
Code | Usage |
---|---|
resultsheader= «pre»«nowiki»|resultsfooter= «/nowiki»«/pre» | Add to the end of a DPL parser function and the output will be unformatted. |
Game Guides
Face Any Direction
You can face any direction you want on any tile in Yume Nikki's dream worlds, using the power of glitches. This guide outlines how to face whichever direction you want on any given tile assuming you can't do it manually by walking into it and/or sitting down.
Dream World
- Face DOWN by using Cat or Faceless Ghost.
- Face RIGHT by sitting down with 1 after facing DOWN.
- Face UP by performing the following:
- Equip Frog in the chair
- Go to the tile you wish to face UP on and face DOWN on that tile
- Use the Frog effect
- Wait for Madotsuki to appear sitting down
- Equip any effect
- Face LEFT by equipping the Faceless Ghost effect in the chair then using it.
Using Towel after equipping it in the chair can force you to face UP or LEFT as well, but it's hard to get to a state where you aren't also sitting down, so it's best to use one of the explained methods instead.
FC World
- Face DOWN by using Cat or Faceless Ghost.
- Face RIGHT by sitting down with 1 after facing DOWN.
- Face UP by performing one of the following:
- If you can face LEFT on the tile:
- Equip Frog in the chair
- Go to the tile you wish to face UP on and face LEFT on that tile
- Use the Frog effect
- Wait for Madotsuki to appear sitting down
- Equip any effect
- If you cannot face LEFT on the tile:
- Equip Towel in the chair
- Go to the tile you wish to face UP on
- Spam 1 to use the Towel effect until you somehow end up facing UP (yes, I know this sounds silly, but it works)
- Wait for Madotsuki to appear sitting down
- Equip any effect
- Face LEFT by equipping Towel in the chair then using it on the tile.
Real World
- Face DOWN by pressing 9 to pinch your cheek.
- Face RIGHT by sitting down with 1 after facing DOWN.
- You cannot face UP on every tile in the Real World.
- Face LEFT by performing the following:
- Go to the Dream World
- Perform the Broken Instructions glitch to store the instructions
- Press 9 to wake up with the instructions stored
- Sit down while facing LEFT on any tile
- Press Z and close the instructions
- Move to the tile you wish to face LEFT on (you will have glitched movement)
- Wait for Madotsuki to tilt her head (second sitting down state)
- Press 1 to stand up.
Saved Code
BGM
This is what forces a no breaking space in the soundroom param of the BGM template.
Example:
(No. 026 D)
With check:
NONE
Test Space
Random
Test anything here
Claim
Countdown
13:59
1359
0
04300
$timestamp = strtotime("20230120171222");