Difference between revisions of "Template:Spoiler"

From Project: Gorgon Wiki
Jump to: navigation, search
m
m
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div class="spoilers gg-spoiler">
+
<div class="mw-collapsible mw-collapsed">
<span class="spoilers-button">
+
'''{{{1|Spoiler!}}}'''
<span class="spoilers-show" style="display:inline"><strong>Spoiler!</strong> Click to reveal.</span>
+
<div class="mw-collapsible-content" style="padding-left: 1em;">{{{2|Spoiler text.}}}</div>
<span class="spoilers-hide" style="display:none">Hide</span>
 
</span>
 
<div class="spoilers-body" style="display:none;">
 
{{{1|Spoiler text.}}}
 
 
</div>
 
</div>
</div><noinclude>
+
<noinclude>
 +
==Description==
 +
Use this template to add a spoiler box to a page (Also see [[Template:Hint]]).
  
== Description ==
+
<!-- This template replaces the tag provided by the <nowiki><spoiler></nowiki> extension. Originally it was intended to allow using tables (which the extension doesn't) but it turned out the template doesn't allow for it either. Still, it is recommended to use this template as we have more freedom to restyle it or change its behavior down the line if we want to. -->
 +
This template allows for formatting of spoiler content.
 +
====Known issues====
 +
* <span style="color:red">Tables may or may not be formatted inside the template.</span> Suggest using definition lists as a workaround.
 +
==Examples==
 +
A basic spoiler like this may be better replaced with [[Template:Hint]]:
 
<pre>
 
<pre>
{{Spoiler|
+
{{Spoiler|Spoiler|
<text>
+
Sarina's clothes are not outside, but inside the [[Boarded up Basement]] dungeon.
 
}}
 
}}
 
</pre>
 
</pre>
 
+
{{Spoiler|Spoiler|
Use this template to add a spoiler '''section''' to a page (for inline text use [[Template:Hint]] instead).
+
Sarina's clothes are not outside, but inside the [[Boarded up Basement]] dungeon.
 
+
}}
I made this template to replace the tag provided by the <nowiki><spoiler></nowiki> extension, because for some reason it seems to bypass some of the MediaWiki formatting. This version uses the same Javascript code, but doesn't rely on the backend php code extension for the spoiler tag, so the content of the spoiler is treated as standard MediaWiki formatting.
+
This is an example of a spoiler used for a quest reward.
 
+
<pre>
Also, we can make it look nice later (add a little icon for example).
+
{{Spoiler|Reward for Contacting Melandria's Brother
 +
|Reward: {{Item|Pumpkin}} x1, 300 Councils, 50 Favor}}
 +
</pre>
 +
{{Spoiler|Reward for Contacting Melandria's Brother|
 +
{{Quote|Thank you so much for your help! Here, have a pumpkin.}}
 +
Reward: {{Item|Pumpkin}} x1, 300 Councils, 50 Favor}}
  
 
[[Category:Formatting templates|Spoiler]]
 
[[Category:Formatting templates|Spoiler]]
 
</noinclude>
 
</noinclude>

Latest revision as of 12:58, 21 September 2020

Spoiler!

Spoiler text.

Description

Use this template to add a spoiler box to a page (Also see Template:Hint).

This template allows for formatting of spoiler content.

Known issues

  • Tables may or may not be formatted inside the template. Suggest using definition lists as a workaround.

Examples

A basic spoiler like this may be better replaced with Template:Hint:

{{Spoiler|Spoiler|
Sarina's clothes are not outside, but inside the [[Boarded up Basement]] dungeon.
}}

Spoiler

Sarina's clothes are not outside, but inside the Boarded up Basement dungeon.

This is an example of a spoiler used for a quest reward.

{{Spoiler|Reward for Contacting Melandria's Brother
|Reward: {{Item|Pumpkin}} x1, 300 Councils, 50 Favor}}

Reward for Contacting Melandria's Brother

Thank you so much for your help! Here, have a pumpkin.

Reward: x1, 300 Councils, 50 Favor