Template:Spoiler: Difference between revisions
Jump to navigation
Jump to search
(style tweak) |
(contrast tweak) |
||
Line 1: | Line 1: | ||
<span class="spoiler" title="Highlight/select the spoiler material to see it."><span style="font-variant: small-caps; color: # | <span class="spoiler" title="Highlight/select the spoiler material to see it."><span style="font-variant: small-caps; color: #777777;">{{#if:{{{2|}}}|{{{2}}}|spoiler}}:</span> <span style="color:{{{color|#EEEEEE}}}; background:{{{color|#EEEEEE}}};">{{{1|{{{content|<noinclude>Sample text here.</noinclude>}}}}}}</span></span><noinclude> | ||
== Documentation == | == Documentation == | ||
Line 10: | Line 10: | ||
The <code>1=</code> (which can also be given as <code>content=</code>) is optional, but safest to include, since the template will break if the content include a <code>=</code> character anywhere in it. | The <code>1=</code> (which can also be given as <code>content=</code>) is optional, but safest to include, since the template will break if the content include a <code>=</code> character anywhere in it. | ||
You can change the <span style="font-variant: small-caps; color: # | You can change the <span style="font-variant: small-caps; color: #777777;">spoiler</span> wording (which gives a note when you over over it) to something else: | ||
<code><nowiki>{{spoiler|1=The text to hide here. |major spoiler}}</nowiki></code> | <code><nowiki>{{spoiler|1=The text to hide here. |major spoiler}}</nowiki></code> |
Revision as of 09:41, 18 July 2017
spoiler: Sample text here.
Documentation
This "hides" spoiler material by making it white like the page background, so that one must highlight it to read it.
Usage:
{{spoiler|1=The text to hide here}}
The 1=
(which can also be given as content=
) is optional, but safest to include, since the template will break if the content include a =
character anywhere in it.
You can change the spoiler wording (which gives a note when you over over it) to something else:
{{spoiler|1=The text to hide here. |major spoiler}}
If different colors are wanted (e.g. inside a colorful sidebar), you can specify a hex color (with the #
prefix) or a named CSS color, for the text and its background:
{{spoiler|1=The text to hide here. |major spoiler |color=#A9C633}}