User:CoreyPlover/Spoiler: Difference between revisions

Content added Content deleted
VisualWikitext
mNo edit summary
mNo edit summary
Line 1: Line 1:
==Recommended spoiler==
==Collapsible (block) spoilers==
⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsible <!--extra classes-->" data-expandtext="► Click to reveal" data-collapsetext="▼ Click to hide">
These spoilers use native Mediawiki styles (i.e. 'mw-collapsible')

⚫
'''Button style'''
⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsibleCurr" data-expandtext="Show spoiler" data-collapsetext="Hide Spoiler">
<div class="mw-collapsible-header">&nbsp;</div>
<div class="mw-collapsible-header">&nbsp;</div>
<div class="mw-collapsible-content">SPOILER CONTENT GOES HERE
<div class="mw-collapsible-content">SPOILER CONTENT GOES HERE
MORE CONTENT HERE
MORE CONTENT HERE
⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsible <!--extra classes-->" data-expandtext="►" data-collapsetext="▼">
⚫
<div class="mw-collapsible-header">Alternate style</div>
⚫
<div class="mw-collapsible-content">EVEN MORE CONTENT GOES IN HERE
...AND EVEN MORE
⚫
</div>
⚫
</div>
FINAL CONTENT HERE</div>
FINAL CONTENT HERE</div>
</div>
</div>


⚫
This is an inline, <span class="spoiler-inline spoiler-hidden spoiled"><span class="spoiler-inline-label">Click to reveal</span><span class="spoiler-inline-content">'''HIDDEN SPOILER'''</span></span> that doesn't reveal anything.
'''Alternate (and nestable) style'''

⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsible <!--extra classes-->" data-expandtext="►" data-collapsetext="▼">

⚫
<div class="mw-collapsible-header">Spoiler warning</div>
==Other spoiler styles that can still be replicated==
⚫
'''Button style'''
⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsibleCurr" data-expandtext="Show spoiler" data-collapsetext="Hide Spoiler">
⚫
<div class="mw-collapsible-header">&nbsp;</div>
<div class="mw-collapsible-content">SPOILER CONTENT GOES HERE
<div class="mw-collapsible-content">SPOILER CONTENT GOES HERE
MORE CONTENT HERE
MORE CONTENT HERE
⚫
<div class="mw-collapsible mw-collapsed spoiler-collapsible <!--extra classes-->" data-expandtext="►" data-collapsetext="▼">
⚫
<div class="mw-collapsible-header">Spoiler warning</div>
⚫
<div class="mw-collapsible-content">EVEN MORE CONTENT GOES IN HERE
⚫
</div>
⚫
</div>
FINAL CONTENT HERE</div>
FINAL CONTENT HERE</div>
</div>
</div>


==Inline spoilers==
'''Blacked out style:'''
'''Blacked out style:'''


Line 31: Line 32:


This is an inline, <span class="spoiler-inline spoiler-blur spoiled">'''BLURRED SPOILER'''</span> that can be clicked to toggle, but which reveals some length and spacing information.
This is an inline, <span class="spoiler-inline spoiler-blur spoiled">'''BLURRED SPOILER'''</span> that can be clicked to toggle, but which reveals some length and spacing information.

'''Alternate style

⚫
This is an inline, <span class="spoiler-inline spoiler-hidden spoiled"><span class="spoiler-inline-label">Click to reveal</span><span class="spoiler-inline-content">'''HIDDEN SPOILER'''</span></span> that doesn't reveal anything.

Revision as of 17:56, 24 April 2022

Recommended spoiler

 
SPOILER CONTENT GOES HERE

MORE CONTENT HERE

Alternate style
EVEN MORE CONTENT GOES IN HERE

...AND EVEN MORE

FINAL CONTENT HERE

This is an inline, Click to revealHIDDEN SPOILER that doesn't reveal anything.


Other spoiler styles that can still be replicated

Button style

 
SPOILER CONTENT GOES HERE

MORE CONTENT HERE

FINAL CONTENT HERE

Blacked out style:

This is an inline, BLACKED OUT SPOILER that can be clicked to toggle, but which reveals some length information.

Blurred style:

This is an inline, BLURRED SPOILER that can be clicked to toggle, but which reveals some length and spacing information.

Retrieved from "https://www.puzzles.wiki/wiki/User:CoreyPlover/Spoiler?oldid=3771"