View source for Template:Collapsegallery

<includeonly><div style="{{#if:{{{3|}}}|text-align:{{{3}}};}}">
<div style="display: inline-block; {{#if:{{{border|}}}|border:.5em solid {{{border}}}; {{roundy|{{{radius|.9em}}}}}|border:1px solid #000;}};">
<!-- Header -->
<div style="background-color:{{{border|#000}}}; color:{{{color|#fff}}}; text-align:left; padding:5px;"><span style="font-size:14pt;">{{{1}}}</span> <span style="font-size:6pt;">[[Template:pixplz|About&nbsp;missing&nbsp;Pics]]</span></div>
<!-- Teaser -->{{{4}}}
<!-- Collapsing Link -->
<div class="collapsibletoggle" style="text-align:right; font-size:14pt; font-weight:bold; padding:0 5px 5px 5px;">[<span class="mw-customtoggle-{{{2}}} showhidetext"><span class="collapsibletoggletext hiddentext">Collapse Gallery</span><span class="collapsibletoggletext">Expand Gallery</span></span>]</div>
<!-- Rest of Gallery -->
<div id="mw-customcollapsible-{{{2}}}" class="mw-collapsible mw-collapsed">{{{5}}}</div>
</div>
</div>{{#if:{{{more_images|}}}|<center>{{{more_images}}}</center>|}}</includeonly><noinclude>
== Usage ==
This is the collapsing gallery template. See [[Encyclopedia Dramatica:Collapsing Objects]] for an explanation.

Syntax:

'''<pre>{{collapsegallery | 1=title | 2=id | 3=align | 4=<gallery> teaser </gallery> | 5=<gallery> expanded </gallery> | border | color}}</pre>'''

{| border="1"
|-
!title
|
|-
!id
|unique id for collapse gallery (examples: cg1, cg2, etc.). ''[https://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute IDs may not contain spaces or special characters].'' '''Do not put spaces/special characters in the ID.'''
|-
!align
|left, right or center, default is left.
|-
!4
|teaser gallery
|-
!5
|expanded gallery
|-
!border
|border color and have it be thicker with rounded edges. '''default is the traditional collapse gallery style.'''
|-
!color
|title color, default is white.
|}

=== Example ===

This:

<pre>; Traditional (border isn't set):
{{Collapsegallery|Hello, world!|cg1|center|<gallery>
File:Popcorn3.gif
</gallery>|<gallery>
File:Popcorn4.gif
</gallery>}}

; Rounded:
{{Collapsegallery|Hello, world!|cg2|center|<gallery>
File:Popcorn2.gif
</gallery>|<gallery>
File:Popcorn4.gif
</gallery>|border=blue|color=cyan}}</pre>

results in this:

; Traditional (border isn't set):
{{Collapsegallery|Hello, world!|cg1|center|<gallery>
File:Popcorn3.gif
</gallery>|<gallery>
File:Popcorn4.gif
</gallery>}}

; Rounded:
{{Collapsegallery|Hello, world!|cg2|center|<gallery>
File:Popcorn2.gif
</gallery>|<gallery>
File:Popcorn4.gif
</gallery>|border=blue|color=cyan}}

[[Category:Formatting Templates|{{PAGENAME}}]]</noinclude>