User:CoreyPlover/Spoiler: Difference between revisions
Content added Content deleted
CoreyPlover (talk | contribs) mNo edit summary |
CoreyPlover (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
==Recommended spoiler style== |
==Recommended spoiler style== |
||
<div class="mw-collapsible mw-collapsed spoiler- |
<div class="mw-collapsible mw-collapsed spoiler-collapsible-default" data-expandtext="► Click to reveal" data-collapsetext="▼ Click to hide"> |
||
<div class="mw-collapsible-header"> </div> |
<div class="mw-collapsible-header"> </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"> </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- |
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"> </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 HEREThis 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.