Revision as of 15:28, 15 July 2023

Wiki Guides

Header
One	Text
Two	Text
Three	Text
Four	Text

Header
One	Text
Two	Text
Three	Text
Four	Text

Header
One	Text
Two	Text
Three	Text
Four	Text

Copy and Paste

Template Documentation

This block of text can be inserted into a Template:(name)/doc page to provide a guide on how to fill it out. Since most of the guide notes are in comments they can technically be left in, though that would be really lazy and would bloat the page.

Template Documentation guide (copy and paste)

==Description==
<!--Short summary of what the main function of the template is-->
INSERT_TEXT_HERE
==Syntax==
<!--Explain how the template is included in a page. Best to include the recommended use cases.
For example, in Template:Listloc:
	Copy/Paste the code shown below into a cell on the table then fill in the information.
	<pre>
	{{Listloc
	|name        = 
	|image       = 
	|aka         = AKA: [Line can be deleted if inapplicable]
	|description = }}
	<∕pre>
Another example, this time from Template:Documentation:
	Add <code><noinclude>{{t|Documentation}}</noinclude></code> at the end of the template page.
	Add <code><noinclude>{{t|Documentation|documentation page}}</noinclude></code> to transclude an alternative page from the /doc subpage.
Basically think of it as a simplified sample.-->
INSERT_TEXT_HERE
==Usage==
<!--How to use. Attempt to answer:
-	What does it present to the reader?
-	Why would an editor choose to use it?
-	What is the recommended use?
-	What does the template require in order to function?
-	What can the template NOT do? (limitations)
-	What are some potential issues that should be kept in mind? (troubleshooting)
It may be helpful to give examples in this section instead of waiting until "Sample".-->
INSERT_TEXT_HERE
==Parameters==
<!--Copy the below texts to build the template parameter table. Spaces surround placeholder names to ease selection - do not include spaces.
This starts the function:
	<templatedata>{	"description": "","params": {
The following is a template with all options listed
DO NOT INCLUDE }, LINE IF USING IT FIRST
REMOVE VERY LAST , AFTER EVERY LAST PROPERTY - NEVER END THE LIST WITH A COMMA
		},
		" parameter ": {
			"label": " Fancy_Name ",
			"aliases": [" Other_Name1 "," Other_Name2 "],
			"type": "Choose one of: number, string, line(no line breaks), content(formatted wikitext), boolean, url(https://example.com), date, wiki-page-name, wiki-file-name, wiki-user-name, wiki-template-name.",
			"description": " Explanation ",
			"example": " Example_Input ",
			"default": " Default_If_Static ",
			"autovalue": " Default_If_Magic_Word ",
			"suggestedvalues": [" Value1 "," Value2 "],
			"required": true,
			"suggested": true,
			"deprecated": " What_To_Use_Instead ",
			"inherits": "put another parameter name here to copy its properties (gets overwritten by new ones)",
The following is a template with minumum options and less placeholders
DO NOT INCLUDE }, LINE IF USING IT FIRST
REMOVE VERY LAST , AFTER EVERY LAST PROPERTY - NEVER END THE LIST WITH A COMMA
		},
		" parameter ": {
			"label": " Fancy_Name ",
			"type": "Choose one of: number, string, line(single), content(wikitext), wiki-page-name, wiki-file-name, wiki-user-name.",
			"description": " Explanation ",
			"example": " Example_Input ",
			"default": " Default_If_Static ",
This ends the templatedata function:
	}}}</templatedata>
Obviously, only include as many parameters as you need.-->
INSERT_TEXT_HERE
==Sample==
<!--You can use this structure:
	The following input:
	<pre>{{Example|param=value|pa..}}<∕pre>
	Produces:
	{{Example|param=value|pa..}}
Here, copy the exact template call from the preformatted section and use that. If the template is heavy when loading you may want to copy the expected output instead, however this has risk of becoming outdated and should be avoided.
DO NOT COPY THAT <∕pre> YOU SEE IN THIS EXAMPLE, IT WILL NOT WORK
You may want to format the example across multiple lines like in Template:Locationbox/doc-->
INSERT_TEXT_HERE

<noinclude>__NOTOC__ [[Category:Template Documentation]]</noinclude>
<includeonly>__NOEDITSECTION__</includeonly>

Youtube Video Embed

Embed youtube videos in a vertical stack, with the video titles as captions underneath. For example, I used it on Yume 2kki:Obstacle Course, revision here.

{{#evu:LINK|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 here):

<div style="text-align: center;">
{{#evu:LINK|dimensions=320x180|alignment=inline|description=CAPTION|container=frame}}
{{#evu:LINK1|dimensions=320x180|alignment=inline|description=CAPTION1|container=frame}}
</div>

Large Thumbs

For making fake thumbs that allow larger image sizes.

<div class="thumbinner" style="width:256px; float:PLACE;"><div style="background-color:white; border: 1px solid #c8ccd1;">[[File:Yume_favicon.png|256px|ALTTEXT]]</div><div class="thumbcaption"><div class="magnify">[[File:Yume_favicon.png|Enlarge]]</div>CAPTION</div></div>

Helpful Formatting

Useful Characters
Character	Usage
∕	Appears to be a forward slash. Since it has the same appearance but no function, it can help with presenting HTML.
→	Rightwards arrow as one character. Used when listing directions on location pages.
←	Leftwards arrow as one character.

General
Code	Example Input	Output	Explanation
<nowiki></nowiki>	<nowiki>text</nowiki>	text	Escapes wiki markup (such as bolding to '''bolding''') 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></pre>	<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 (no text wrapping) and applies a background like with the <pre></pre> tags.
<u></u>	<u>text</u>	text	Underlines text.
<big></big>	<big>text</big>	text	Makes text bigger.
<h3></h3>	<h3>ctrt</h3>	ctrt	Defines a header using HTML, equivalent to `===this===` in wikitext. The number defines the header level from 1-6. Note that links to the header will work: User:ZASNK/Sandbox#ctrt
<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	Forces a line break in text.
<br clear=all>	[[File:Cagedfairy.png\|thumb\|right\|Text]] <br clear=all> text	Text text	Forces a line break, but also blocks all following text from appearing until elements such as images are completely visible. For example, this can stop an image from appearing next to multiple headers by forcing one of the headers to only appear below the full image.
<br clear=all>	[[File:Cagedfairy.png\|thumb\|right\|Text]] text	Text text	The same example without `<br clear=all>`, for reference.
<blockquote></blockquote>	<blockquote>text</blockquote>	text	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 using the source editor.

Div Styles and Classes
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>Cagedfairy.png\|Text</gallery>[[File:Boyoutline.png\|thumb\|Text]]</div>	Text Text	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.

List Formatting
Code	Example Input	Output	Explanation
<ul> </ul>	<ul> text1 text2<br>text 3 text 4</ul>	text1 text2 text3 text4	Text is formatted in an unordered list.
<ul> </ul>	<div style="text-align: center;"><ul> text1<br>text2 </ul></div>	text1 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>	text1 text2	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>	text1 text2	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>	Text Text	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>	Text Text	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.

Other
Code	Usage
resultsheader=«pre»«nowiki»\|resultsfooter=«/nowiki»«/pre»	Add to the end of a DPL parser function and the output will be put into <pre></pre> tags, allowing you to view it 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:
1. Equip Frog in the chair
2. Go to the tile you wish to face UP on and face LEFT on that tile
3. Use the Frog effect
4. Wait for Madotsuki to appear sitting down
5. Equip any effect
If you cannot face LEFT on the tile:
1. Equip Towel in the chair
2. Go to the tile you wish to face UP on
3. Spam 1 to use the Towel effect until you somehow end up facing UP (yes, I know this sounds silly, but it works)
4. Wait for Madotsuki to appear sitting down
5. 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.

Test Space

Random

Test anything here

ListThumb Tests

Following is a list with images presented in-line and the links next to them, similar to the old DPL output of ListThumb.

column test

List with thumbnail images

RecentlyEdited Tests

Testing of what became the RecentlyEdited template (originally was going to be TrendingPages)

Visual List

[[File:|File:Snowworld.jpg|none|135px|Yume Nikki:Snow World]]Witch's Island
Construction Frame Building
Duck World
Flying Fish World
Snow World

Plan was to recreate the above using a DPL function below, but the above section became a test space for when I was trying to figure out how to format it without ListChar breaking the whole thing (WHY DO THEY PUT THE File: NAMESPACE IN THAT TEMPLATE BUT NO OTHERS???)
DPL testing

Code used
(blanked)

Unformatted output
(blanked)
Actual
(blanked)

Claim

Claim Useful Text

Current timestamp 20241223061839
Function 20241223071839
{{#time:Ymdhis|+1 hours}}
20241223071839
0
Refresh

Claim Testing

Countdown

06:18

0618

0

020300

$timestamp = strtotime("20230120171222");

Badge Properties

On badge page