×
Create a new article
Write your page title here:
We currently have 3,093 articles on YumeWiki. Type your article name above or click on one of the titles below and start writing!



YumeWiki
3,093Articles

User:ZASNK/Sandbox: Difference between revisions

m (more formatting, split tables, more in-betweens)
Line 135: Line 135:
|<nowiki><pre style="color: red">text</pre></nowiki>
|<nowiki><pre style="color: red">text</pre></nowiki>
|<pre style="color: red">text</pre>
|<pre style="color: red">text</pre>
|You can add HTML styles to preformatted text, like with divs.
|You can add HTML styles to preformatted text, like with divs and spans.
|-
|-
|<nowiki><code></code></nowiki>
|<nowiki><code></code></nowiki>
Line 155: Line 155:
|<nowiki><h3>ctrt</h3></nowiki>
|<nowiki><h3>ctrt</h3></nowiki>
|<h3>ctrt</h3>
|<h3>ctrt</h3>
|Defines a header using HTML, equivalent to <code><nowiki>===this===</nowiki></code> in wikitext. The number defines the header level from 1-6. Note that links to the header ''will'' work.
|Defines a header using HTML, equivalent to <code><nowiki>===this===</nowiki></code> in wikitext. The number defines the header level from 1-6. Note that links to the header ''will'' work: [[User:ZASNK/Sandbox#ctrt]]
|-
|<nowiki><mark></mark></nowiki>
|<nowiki><mark>text</mark></nowiki>
|<mark>text</mark>
|Highlight text.
|-
|-
|<nowiki><span class="spoiler"></span></nowiki>
|<nowiki><span class="spoiler"></span></nowiki>
Line 184: Line 189:
|<nowiki><span id="aexgda"></span></nowiki>
|<nowiki><span id="aexgda"></span></nowiki>
| style="vertical-align: top;" |<span id="aexgda"></span>
| style="vertical-align: top;" |<span id="aexgda"></span>
|Include anywhere on the page to create an invisible link anchor. For example, since "aexgda" was used, the link [[User:ZASNK/Sandbox#aexgda]] now takes you to this row. These work the same as normal header links and can even be placed within a header (inside of the equal signs) to have alternate header links.
|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.
|-
|-
|<nowiki><!----></nowiki>
|<nowiki><!----></nowiki>

Revision as of 11:02, 14 July 2023

Wiki Guides

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>

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.
Formatting
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 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.
[[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)
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.
<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:
    1. Equip Frog in the chair
    2. Go to the tile you wish to face UP on and face DOWN on that tile
    3. Use the Frog effect
    4. Wait for Madotsuki to appear sitting down
    5. 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:
    1. 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
    2. 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:
    1. Go to the Dream World
    2. Perform the Broken Instructions glitch to store the instructions
    3. Press 9 to wake up with the instructions stored
    4. Sit down while facing LEFT on any tile
    5. Press Z and close the instructions
    6. Move to the tile you wish to face LEFT on (you will have glitched movement)
    7. Wait for Madotsuki to tilt her head (second sitting down state)
    8. 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

    RecentlyEdited Tests

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

    Visual List

    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 20241104121704
    Function 20241104011704
    {{#time:Ymdhis|+1 hours}}
    20241104011704
    0
    Refresh

    Claim Testing

    Countdown

    12:17

    1217

    0

    00300

    $timestamp = strtotime("20230120171222");

    Badge Properties

    On badge page


    Badge template

    Template:Badge