User:CoreyPlover/Spoiler: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
Line 1: Line 1:
==Collapsible spoilers==
==Collapsible (block) spoilers==
These spoilers use native Mediawiki styles (i.e. 'mw-collapsible')
This is an example of a collapsible spoiler:


'''Current Extension:Spoilers style'''
<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 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
FINAL CONTENT HERE</div>
</div>

'''Alternate (and nestable) style'''
<div class="mw-collapsible mw-collapsed spoiler-collapsible <!--extra classes-->" data-expandtext="►" data-collapsetext="▼">
<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-header">Spoiler warning</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="▼">
FINAL CONTENT HERE</div>
<div class="mw-collapsible-header">Spoiler warning</div>
<div class="mw-collapsible-content">EVEN MORE CONTENT GOES IN HERE
</div>
</div>
</div>
FINAL CONTENT HERE</div>
FINAL CONTENT HERE</div>
</div>
</div>
END


==Blacked-out spoilers==
==Inline spoilers==
'''Blacked out style:'''
These are example of a blacked-out spoilers:

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

'''Blurred style:'''


This is a <span class="spoiler-inline spoiler-black spoiled">inline spoiler</span></br>
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 a <div class="spoiler-inline spoiler-black spoiled">block spoiler</div></br>


'''Alternate style
==Blurred spoilers==
These are example of a blurred spoilers:


This is a <span class="spoiler-inline spoiler-blur spoiled">inline spoiler</span></br>
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.
This is a <div class="spoiler-inline spoiler-blur spoiled">block spoiler</div></br>

Revision as of 15:15, 24 April 2022

Collapsible (block) spoilers

These spoilers use native Mediawiki styles (i.e. 'mw-collapsible')

Current Extension:Spoilers style

 
SPOILER CONTENT GOES HERE

MORE CONTENT HERE

FINAL CONTENT HERE

Alternate (and nestable) style

Spoiler warning
SPOILER CONTENT GOES HERE

MORE CONTENT HERE

Spoiler warning
EVEN MORE CONTENT GOES IN HERE
FINAL CONTENT HERE

Inline spoilers

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.

Alternate style

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