User:CoreyPlover/Spoiler: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
Line 1: Line 1:
==Recommended spoiler style==
==Recommended spoiler style==
<div class="mw-collapsible mw-collapsed spoiler-collapsible2 <!--extra classes-->" data-expandtext="► Click to reveal" data-collapsetext="▼ Click to hide">
<div class="mw-collapsible mw-collapsed spoiler-collapsible-default" data-expandtext="► Click to reveal" data-collapsetext="▼ Click to hide">
<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-collapsible2 <!--extra classes-->" data-expandtext="► Alternate heading" data-collapsetext="▼ Alternate heading">
<div class="mw-collapsible-header">&nbsp;</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> of a similar style.
This is an inline, <span class="spoiler-inline spoiler-inline-default spoiled"><span class="spoiler-inline-label">Click to reveal</span><span class="spoiler-inline-content">HIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILER</span></span> of a similar style.


==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
MORE CONTENT HERE
FINAL CONTENT HERE</div>
</div>

'''Blacked out style:'''

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 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.

Revision as of 15:07, 27 April 2022

Recommended spoiler style

 
SPOILER CONTENT GOES HERE

MORE CONTENT HERE

FINAL CONTENT HERE

This is an inline, Click to revealHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILERHIDDEN SPOILER of a similar style.