Template:MontageBoxCollapse: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<includeonly>{|{{#ifeq:{{{float|}}}|none|align="center"}} style="float: {{#if:{{{float|}}}|{{{float|}}}|left}}; clear: {{#if:{{{float|}}}|{{{float|}}}|left}}; width: 1px; text-align: center; vertical-align: center; font-size: 90%; background-color: {{{bgcolor|white}}}; border: 1px solid #aaaaaa; margin: 1em;" cellspacing="0" cellpadding="2" border="0" class="mw-collapsible {{#if:{{{show|}}}| |mw-collapsed}}" | <includeonly>{|{{#ifeq:{{{float|}}}|none|align="center"}} style="float: {{#if:{{{float|}}}|{{{float|}}}|left}}; clear: {{#if:{{{float|}}}|{{{float|}}}|left}}; width: 1px; text-align: center; vertical-align: center; font-size: 90%; background-color: {{{bgcolor|white}}}; border: 1px solid #aaaaaa; margin: 1em;" cellspacing="0" cellpadding="2" border="0" class="mw-collapsible {{#if:{{{show|}}}| |mw-collapsed}}" | ||
!style="background: {{#if:{{{colour|}}}|{{{colour|}}}|tan}}; font-size: 120%; text-align: | !style="background: {{#if:{{{colour|}}}|{{{colour|}}}|tan}}; font-size: 120%; text-align: left" colspan="{{{columns|1}}}" | {{#if:{{{title|}}}|'''{{{title|}}}'''|'''Collapsible Content'''}} | ||
{{#ifeq:{{{columns|1}}}|1| | {{#ifeq:{{{columns|1}}}|1| | ||
{{#if:{{{image1|}}}|{{!}}- | {{#if:{{{image1|}}}|{{!}}- |
Revision as of 00:13, 28 April 2013
A collapsible version of the Montagebox template. This template is intended to make the presentation of optionally collapsible multiple images in one gallery group easier.
The MontageBox can handle up to 30 images, in a 1, 2, 3 or 5 column format. The format creates a new row if a column is full, and fills up the next row from left to right.
The MontageBox is also capable of displaying a single image.
In all cases, a title and caption may be provided, and floating behavior specified. If float "none" is specified, the the template will in addition have center alignment.
The header background colour may be specified using the colour parameter. Tye colour defaults to 'tan'
How To Use This
Just use the following code and fill in your values. Not all values need be used.
{{MontageBoxCollapse |float = |columns = |title = |colour = |bgcolor = |image1 = |image2 = |image3 = |image4 = |image5 = |image6 = |image7 = |image8 = |image9 = |image10 = |image11 = |image12 = |image13 = |image14 = |image15 = |image16 = |image17 = |image18 = |image19 = |image20 = |image21 = |image22 = |image23 = |image24 = |image25 = |image26 = |image27 = |image28 = |image29 = |image30 = |caption = }}
Here is a shorter template provided for convenience
{{MontageBoxCollapse |float = |columns = |title = |colour = |image1 = |image2 = |image3 = |image4 = |image5 = |image6 = |image7 = |image8 = |image9 = |image10 = |image11 = |image12 = |caption = }}
Not all images need be supplied. The title and caption are optional. The default float behaviour is "left".
Examples
Including any of the following code snippets will generate the MontageBoxes shown below them
Example 1
{{MontageBoxCollapse |image1 =[[Image:Reimoon2.jpg|150px]] |caption = *text here *and here }}
Collapsible Content |
---|
|
Example 2
{{MontageBoxCollapse |title =Image of Rei |image1 =[[Image:Reimoon2.jpg|150px]] |caption = *text here *and here }}
Image of Rei |
---|
|
Example 3
{{MontageBoxCollapse |title =3 Images of Rei (3 column table) |colour =LightPink |columns = 3 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |caption = *text here *and here }}
3 Images of Rei (3 column table) | ||
---|---|---|
|
Example 4
{{MontageBoxCollapse |title =3 Images of Rei (2 column table) |columns = 2 |colour = LightBlue |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |caption = *text here *and here }}
3 Images of Rei (2 column table) | |
---|---|
|
Example 5
{{MontageBoxCollapse |title =4 Images (2 column table) |colour = LightGreen |columns = 2 |image1 =[[Image:Shinji Rei Escalator.jpg|200px]] |image2 =[[Image: Japan Blackout.jpg|200px]] |image3 =[[Image:Dance Vs Israfel.jpg|200px]] |image4 =[[Image:Fuyutsuki Candle.jpg|200px]] |caption = *text here *and here }}
4 Images (2 column table) | |
---|---|
|
Example 6
{{MontageBoxCollapse |title =8 Images (3 column table) |columns = 3 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |caption = Various Images in a Table }}
8 Images (3 column table) | ||
---|---|---|
Various Images in a Table |
Example 7
{{MontageBoxCollapse |title =8 Images (5 column table) |columns = 5 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |caption = Various Images in a Table }}
8 Images (5 column table) | ||||
---|---|---|---|---|
Various Images in a Table |
Example 8
{{MontageBoxCollapse |title =30 Images (2 column table) |columns = 2|image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |image9 =[[Image:FGC 01 C003a.jpg|150px]] |image10 =[[Image:FGC 01 C076d.jpg|150px]] |image11 =[[Image:Reimoon2.jpg|150px]] |image12 =[[Image:Reimoon1a.jpg|150px]] |image13 =[[Image:Reimoon4.jpg|150px]] |image14 =[[Image:Nerv swimming pool.jpg|150px]] |image15 =[[Image:Shinji Rei Escalator.jpg|150px]] |image16 =[[Image: Japan Blackout.jpg|150px]] |image17 =[[Image:Dance Vs Israfel.jpg|150px]] |image18 =[[Image:Fuyutsuki Candle.jpg|150px]] |image19 =[[Image:FGC 01 C003a.jpg|150px]] |image20 =[[Image:FGC 01 C076d.jpg|150px]] |image21 =[[Image:Reimoon2.jpg|150px]] |image22 =[[Image:Reimoon1a.jpg|150px]] |image23 =[[Image:Reimoon4.jpg|150px]] |image24 =[[Image:Nerv swimming pool.jpg|150px]] |image25 =[[Image:Shinji Rei Escalator.jpg|150px]] |image26 =[[Image: Japan Blackout.jpg|150px]] |image27 =[[Image:Dance Vs Israfel.jpg|150px]] |image28 =[[Image:Fuyutsuki Candle.jpg|150px]] |image29 =[[Image:FGC 01 C003a.jpg|150px]] |image30 =[[Image:FGC 01 C076d.jpg|150px]] |caption = The maximimum number of images in a table with two columns. }}
30 Images (2 column table) | |
---|---|
The maximimum number of images in a table with two columns. |
Example 9
{{MontageBoxCollapse |title =30 Images (3 column table) |columns = 3 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |image9 =[[Image:FGC 01 C003a.jpg|150px]] |image10 =[[Image:FGC 01 C076d.jpg|150px]] |image11 =[[Image:Reimoon2.jpg|150px]] |image12 =[[Image:Reimoon1a.jpg|150px]] |image13 =[[Image:Reimoon4.jpg|150px]] |image14 =[[Image:Nerv swimming pool.jpg|150px]] |image15 =[[Image:Shinji Rei Escalator.jpg|150px]] |image16 =[[Image: Japan Blackout.jpg|150px]] |image17 =[[Image:Dance Vs Israfel.jpg|150px]] |image18 =[[Image:Fuyutsuki Candle.jpg|150px]] |image19 =[[Image:FGC 01 C003a.jpg|150px]] |image20 =[[Image:FGC 01 C076d.jpg|150px]] |image21 =[[Image:Reimoon2.jpg|150px]] |image22 =[[Image:Reimoon1a.jpg|150px]] |image23 =[[Image:Reimoon4.jpg|150px]] |image24 =[[Image:Nerv swimming pool.jpg|150px]] |image25 =[[Image:Shinji Rei Escalator.jpg|150px]] |image26 =[[Image: Japan Blackout.jpg|150px]] |image27 =[[Image:Dance Vs Israfel.jpg|150px]] |image28 =[[Image:Fuyutsuki Candle.jpg|150px]] |image29 =[[Image:FGC 01 C003a.jpg|150px]] |image30 =[[Image:FGC 01 C076d.jpg|150px]] |caption = The maximimum number of images in a table with three columns. }}
30 Images (3 column table) | ||
---|---|---|
The maximimum number of images in a table with three columns. |
Example 10
{{MontageBoxCollapse |title =30 Images (5 column table) |columns = 5 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |image9 =[[Image:FGC 01 C003a.jpg|150px]] |image10 =[[Image:FGC 01 C076d.jpg|150px]] |image11 =[[Image:Reimoon2.jpg|150px]] |image12 =[[Image:Reimoon1a.jpg|150px]] |image13 =[[Image:Reimoon4.jpg|150px]] |image14 =[[Image:Nerv swimming pool.jpg|150px]] |image15 =[[Image:Shinji Rei Escalator.jpg|150px]] |image16 =[[Image: Japan Blackout.jpg|150px]] |image17 =[[Image:Dance Vs Israfel.jpg|150px]] |image18 =[[Image:Fuyutsuki Candle.jpg|150px]] |image19 =[[Image:FGC 01 C003a.jpg|150px]] |image20 =[[Image:FGC 01 C076d.jpg|150px]] |image21 =[[Image:Reimoon2.jpg|150px]] |image22 =[[Image:Reimoon1a.jpg|150px]] |image23 =[[Image:Reimoon4.jpg|150px]] |image24 =[[Image:Nerv swimming pool.jpg|150px]] |image25 =[[Image:Shinji Rei Escalator.jpg|150px]] |image26 =[[Image: Japan Blackout.jpg|150px]] |image27 =[[Image:Dance Vs Israfel.jpg|150px]] |image28 =[[Image:Fuyutsuki Candle.jpg|150px]] |image29 =[[Image:FGC 01 C003a.jpg|150px]] |image30 =[[Image:FGC 01 C076d.jpg|150px]] |caption = The maximimum number of images in a table with five columns. }}
30 Images (5 column table) | ||||
---|---|---|---|---|
The maximimum number of images in a table with five columns. |
Example 11
{{MontageBoxCollapse |title =30 Images (1 column table) |columns = 1 |image1 =[[Image:Reimoon2.jpg|150px]] |image2 =[[Image:Reimoon1a.jpg|150px]] |image3 =[[Image:Reimoon4.jpg|150px]] |image4 =[[Image:Nerv swimming pool.jpg|150px]] |image5 =[[Image:Shinji Rei Escalator.jpg|150px]] |image6 =[[Image: Japan Blackout.jpg|150px]] |image7 =[[Image:Dance Vs Israfel.jpg|150px]] |image8 =[[Image:Fuyutsuki Candle.jpg|150px]] |image9 =[[Image:FGC 01 C003a.jpg|150px]] |image10 =[[Image:FGC 01 C076d.jpg|150px]] |image11 =[[Image:Reimoon2.jpg|150px]] |image12 =[[Image:Reimoon1a.jpg|150px]] |image13 =[[Image:Reimoon4.jpg|150px]] |image14 =[[Image:Nerv swimming pool.jpg|150px]] |image15 =[[Image:Shinji Rei Escalator.jpg|150px]] |image16 =[[Image: Japan Blackout.jpg|150px]] |image17 =[[Image:Dance Vs Israfel.jpg|150px]] |image18 =[[Image:Fuyutsuki Candle.jpg|150px]] |image19 =[[Image:FGC 01 C003a.jpg|150px]] |image20 =[[Image:FGC 01 C076d.jpg|150px]] |image21 =[[Image:Reimoon2.jpg|150px]] |image22 =[[Image:Reimoon1a.jpg|150px]] |image23 =[[Image:Reimoon4.jpg|150px]] |image24 =[[Image:Nerv swimming pool.jpg|150px]] |image25 =[[Image:Shinji Rei Escalator.jpg|150px]] |image26 =[[Image: Japan Blackout.jpg|150px]] |image27 =[[Image:Dance Vs Israfel.jpg|150px]] |image28 =[[Image:Fuyutsuki Candle.jpg|150px]] |image29 =[[Image:FGC 01 C003a.jpg|150px]] |image30 =[[Image:FGC 01 C076d.jpg|150px]] |caption = The maximimum number of images in a table with one column. }}
30 Images (1 column table) |
---|
The maximimum number of images in a table with one column. |