Template:CollapseGallery - Revision history

Paco at 23:36, 2 June 2022

2022-06-02T23:36:34Z

← Older revision		Revision as of 01:36, 3 June 2022
Line 1:		Line 1:
	<includeonly><div style="{{#if:{{{3\|}}}\|text-align:{{{3}}};}}">		<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;}};">		<div style="display: inline-block; {{#if:{{{border\|}}}\|border:.5em solid {{{border}}}; {{Roundy\|{{{radius\|.9em}}}}}\|border:1px solid #000;}};">
	<!-- Header -->		<!-- Header -->
	<div style="background-color:{{{border\|#000}}}; color:{{{color\|#fff}}}; text-align:left; padding:5px;"><span style="font-size:14pt;">{{{1}}}</span></div>		<div style="background-color:{{{border\|#000}}}; color:{{{color\|#fff}}}; text-align:left; padding:5px;"><span style="font-size:14pt;">{{{1}}}</span></div>
	<!-- Teaser -->{{{4}}}		<!-- Teaser -->{{{4}}}
	<!-- Collapsing Link -->		<!-- 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>		<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</span> - <span class="collapsibletoggletext">Expand</span></span>]</div>
	<!-- Rest of Gallery -->		<!-- Rest of Gallery -->
	<div id="mw-customcollapsible-{{{2}}}" class="mw-collapsible mw-collapsed">{{{5}}}</div>		<div id="mw-customcollapsible-{{{2}}}" class="mw-collapsible mw-collapsed">{{{5}}}</div>
	</div>		</div>
	</div>~~{{#if:{{{more_images\|}}}\|<center>{{{more_images}}}</center>\|}}~~</includeonly><noinclude>		</div></includeonly><noinclude>
	== Usage ==		== Usage ==
	Do not put any of these on the ID or the gallery will be glitched!		Do not put any of these on the ID or the gallery will be glitched!

Paco at 23:30, 2 June 2022

2022-06-02T23:30:58Z

← Older revision		Revision as of 01:30, 3 June 2022
Line 2:		Line 2:
	<div style="display: inline-block; {{#if:{{{border\|}}}\|border:.5em solid {{{border}}}; {{roundy\|{{{radius\|.9em}}}}}\|border:1px solid #000;}};">		<div style="display: inline-block; {{#if:{{{border\|}}}\|border:.5em solid {{{border}}}; {{roundy\|{{{radius\|.9em}}}}}\|border:1px solid #000;}};">
	<!-- Header -->		<!-- 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;">Comment~~</span></div>		<div style="background-color:{{{border\|#000}}}; color:{{{color\|#fff}}}; text-align:left; padding:5px;"><span style="font-size:14pt;">{{{1}}}</span></div>
	<!-- Teaser -->{{{4}}}		<!-- Teaser -->{{{4}}}
	<!-- Collapsing Link -->		<!-- Collapsing Link -->
Line 50:		Line 50:

	<pre>; Traditional (border isn't set):		<pre>; Traditional (border isn't set):
	{{~~Collapsegallery~~\|Hello, world!\|cg1\|center\|<gallery>		{{CollapseGallery\|Hello, world!\|cg1\|center\|<gallery>
	File:Wikigetstarted.jpg		File:Wikigetstarted.jpg
	</gallery>\|<gallery>		</gallery>\|<gallery>
Line 57:		Line 57:

	; Rounded:		; Rounded:
	{{~~Collapsegallery~~\|Hello, world!\|cg2\|center\|<gallery>		{{CollapseGallery\|Hello, world!\|cg2\|center\|<gallery>
	File:Wikigetstarted.jpg		File:Wikigetstarted.jpg
	</gallery>\|<gallery>		</gallery>\|<gallery>

Paco at 23:21, 2 June 2022

2022-06-02T23:21:38Z

← Older revision		Revision as of 01:21, 3 June 2022
Line 51:		Line 51:
	<pre>; Traditional (border isn't set):		<pre>; Traditional (border isn't set):
	{{Collapsegallery\|Hello, world!\|cg1\|center\|<gallery>		{{Collapsegallery\|Hello, world!\|cg1\|center\|<gallery>
	File:~~Popcorn3~~.~~gif~~		File:Wikigetstarted.jpg
	</gallery>\|<gallery>		</gallery>\|<gallery>
	File:~~Popcorn4~~.~~gif~~		File:Wikigetstarted.jpg
	</gallery>}}		</gallery>}}

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

Line 67:		Line 67:
	; Traditional (border isn't set):		; Traditional (border isn't set):
	{{CollapseGallery\|Hello, world!\|cg1\|center\|<gallery>		{{CollapseGallery\|Hello, world!\|cg1\|center\|<gallery>
	File:~~Popcorn3~~.~~gif~~		File:Wikigetstarted.jpg
	</gallery>\|<gallery>		</gallery>\|<gallery>
	File:~~Popcorn4~~.~~gif~~		File:Wikigetstarted.jpg
	</gallery>}}		</gallery>}}

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

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

Paco: Template for collapsible galleries

2022-06-02T23:19:59Z

Template for collapsible galleries

New page

<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;}};">

<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;">Comment</span></div>
{{{4}}}

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

<div id="mw-customcollapsible-{{{2}}}" class="mw-collapsible mw-collapsed">{{{5}}}</div>
</div>
</div>{{#if:{{{more_images|}}}|<center>{{{more_images}}}</center>|}}</includeonly><noinclude>
== Usage ==
Do not put any of these on the ID or the gallery will be glitched!
*Spaces (example: <code>Wasteland</code>)
*An ID already used by another gallery (example: two galleries with the ID "<code>CollapseGallery</code>")

This is the collapsing gallery template.

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 id's may not contain spaces].'' '''Do not include spaces 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:Templates|{{PAGENAME}}]]</noinclude>