Template:Spoiler: Difference between revisions
Jump to navigation
Jump to search
(recode; had an error, and it looks broken when done in all white) |
(style tweak) |
||
| Line 1: | Line 1: | ||
<span class="spoiler" title="Highlight/select the spoiler material to see it.">{{#if:{{{2|}}}|{{{2}}}| | <span class="spoiler" title="Highlight/select the spoiler material to see it."><span style="font-variant: small-caps; color: #888888;">{{#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 " | You can change the <span style="font-variant: small-caps; color: #888888;">spoiler</span> wording (which gives a note when you over over it) to something else: | ||
<code><nowiki>{{spoiler|1=The text to hide here. | | <code><nowiki>{{spoiler|1=The text to hide here. |major spoiler}}</nowiki></code> | ||
If different colors are wanted (e.g. inside a colorful sidebar), you can specify a hex color ({{em|with}} the <code>#</code> prefix) or a named CSS color, for the text and its background: | If different colors are wanted (e.g. inside a colorful sidebar), you can specify a hex color ({{em|with}} the <code>#</code> prefix) or a named CSS color, for the text and its background: | ||
<code><nowiki>{{spoiler|1=The text to hide here. | | <code><nowiki>{{spoiler|1=The text to hide here. |major spoiler |color=#A9C633}}</nowiki></code> | ||
[[Category:Templates]] | [[Category:Templates]] | ||
</noinclude> | </noinclude> | ||
Revision as of 09:40, 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}}