Registration has been disabled and the moderation extension has been turned off.
Contact an admin on Discord or EDF if you want an account. Also fuck bots.

Template:Collapsegallery: Difference between revisions

From Encyclopedia Dramatica
Jump to navigation Jump to search
← Older edit
imported>TabbyGarf
No edit summary
imported>MarioMario456
No edit summary
 
(69 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<includeonly><div style="{{#if:{{{3|}}}|text-align:{{{3}}};}}">
{| align="left" width="80%" cellpadding="0" cellspacing="0" style="{{#if:{{{border|}}}|border:.5em solid {{{border}}};{{roundy|{{{radius|.9em}}}}}|border:1px solid black;}}" align="{{#switch:{{{align}}}|center=center|left=left|right=right|left}}">
<div style="display: inline-block; {{#if:{{{border|}}}|border:.5em solid {{{border}}}; {{roundy|{{{radius|.9em}}}}}|border:1px solid #000;}};">
! align="left" style="background-color:{{{border|black}}};color:{{{color|white}}}"| '''{{{title}}} [[Template:pixpls|<small><sup>About&nbsp;missing&nbsp;Pics</sup></small>]]'''<div class="mw-collapsible mw-collapsed" data-expandtext="[Expand Gallery]" data-collapsetext="[Collapse Gallery]">
<!-- Header -->
<center>
<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>
<div class="mw-collapsible-content">
<!-- Teaser -->{{{4}}}
{| width="100%"
<!-- Collapsing Link -->
! style="background-color:white;" | {{{gallery}}}
<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>
<!-- Rest of Gallery -->
</div></center>
<div id="mw-customcollapsible-{{{2}}}" class="mw-collapsible mw-collapsed">{{{5}}}</div>
|}
</div>
<noinclude>
</div>{{#if:{{{more_images|}}}|<center>{{{more_images}}}</center>|}}</includeonly><noinclude>
{{clear}}
 
== Usage ==
== Usage ==
This is the collapsing gallery template. See [[Encyclopedia Dramatica:Collapsing Objects]] for an explanation.


This is the collapsing gallery template.  See [[Encyclopedia Dramatica:Collapsing Objects]] for an explanation.
Syntax:


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


{| border="1"
{| border="1"
Line 24: Line 23:
|-
|-
!id
!id
|unique id for collapse gallery (example:cg1, cg2, etc.)
|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
!align
Line 30: Line 29:
|-
|-
!4
!4
|gallery
|teaser gallery
|-
!5
|expanded gallery
|-
|-
!border
!border
Line 39: Line 41:
|}
|}


== Example ==
=== Example ===


<pre>
This:
=== Traditional (border isn't set) ===


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


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


=== Traditional (border isn't set) ===
results in this:


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


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


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

Latest revision as of 18:41, 20 August 2022

Usage

This is the collapsing gallery template. See Encyclopedia Dramatica:Collapsing Objects for an explanation.

Syntax: 

{{collapsegallery | 1=title | 2=id | 3=align | 4=<gallery> teaser </gallery> | 5=<gallery> expanded </gallery> | border | color}}
title
id unique id for collapse gallery (examples: cg1, cg2, etc.). 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: 

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

results in this:

Traditional (border isn't set)
Hello, world! About missing Pics
[Collapse GalleryExpand Gallery]
Rounded
Hello, world! About missing Pics
[Collapse GalleryExpand Gallery]
Retrieved from "http://edramatica.com/index.php?title=Template:Collapsegallery&oldid=1534373"