Difference between revisions of "Template:Gallery"

From The Viking Age Compendium
Jump to: navigation, search
m
m
Line 1: Line 1:
<div>
+
<!-- Desktop View -->
{{#if: {{{Title|}}} |:'''''{{{Title|}}}'''''|}}
+
<div id="mf-HideOnMobile">
<div><ul>  
+
{{Gallery-Tiles
{{#if: {{{Image1|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image1|}}}|frameless|none|{{{Width|120px}}}|link={{{Link1|}}}]] <div style="margin:0px 3px;">[[{{{Link1|}}}|{{{Caption1|}}}]]</div></li>|}}{{#if: {{{Image2|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image2|}}}|frameless|none|{{{Width|120px}}}|link={{{Link2|}}}]] <div style="margin:0px 3px;">[[{{{Link2|}}}|{{{Caption2|}}}]]</div></li>|}}{{#if: {{{Image3|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image3|}}}|frameless|none|{{{Width|120px}}}|link={{{Link3|}}}]] <div style="margin:0px 3px;">[[{{{Link3|}}}|{{{Caption3|}}}]]</div></li>|}}{{#if: {{{Image4|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image4|}}}|frameless|none|{{{Width|120px}}}|link={{{Link4|}}}]] <div style="margin:0px 3px;">[[{{{Link4|}}}|{{{Caption4|}}}]]</div></li>|}}{{#if: {{{Image5|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image5|}}}|frameless|none|{{{Width|120px}}}|link={{{Link5|}}}]] <div style="margin:0px 3px;">[[{{{Link5|}}}|{{{Caption5|}}}]]</div></li>|}}{{#if: {{{Image6|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image6|}}}|frameless|none|{{{Width|120px}}}|link={{{Link6|}}}]] <div style="margin:0px 3px;">[[{{{Link6|}}}|{{{Caption6|}}}]]</div></li>|}}{{#if: {{{Image7|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image7|}}}|frameless|none|{{{Width|120px}}}|link={{{Link7|}}}]] <div style="margin:0px 3px;">[[{{{Link7|}}}|{{{Caption7|}}}]]</div></li>|}}{{#if: {{{Image8|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image8|}}}|frameless|none|{{{Width|120px}}}|link={{{Link8|}}}]] <div style="margin:0px 3px;">[[{{{Link8|}}}|{{{Caption8|}}}]]</div></li>|}}{{#if: {{{Image9|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image9|}}}|frameless|none|{{{Width|120px}}}|link={{{Link9|}}}]] <div style="margin:0px 3px;">[[{{{Link9|}}}|{{{Caption9|}}}]]</div></li>|}}{{#if: {{{Image10|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image10|}}}|frameless|none|{{{Width|120px}}}|link={{{Link10|}}}]] <div style="margin:0px 3px;">[[{{{Link10|}}}|{{{Caption10|}}}]]</div></li>|}}{{#if: {{{Image11|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image11|}}}|frameless|none|{{{Width|120px}}}|link={{{Link11|}}}]] <div style="margin:0px 3px;">[[{{{Link11|}}}|{{{Caption11|}}}]]</div></li>|}}{{#if: {{{Image12|}}} |<li style="{{#if: {{{Colour|}}} |background-color:#ccc; border:1px solid #ccc;|}} display: inline-block; vertical-align:top; height: {{{Height|120px}}}; Width:{{{Width|120px}}}; margin:0px 6px 5px 0px;">[[File:{{{Image12|}}}|frameless|none|{{{Width|120px}}}|link={{{Link12|}}}]] <div style="margin:0px 3px;">[[{{{Link12|}}}|{{{Caption12|}}}]]</div></li>|}}
+
|Title = {{{Title|}}}
</ul></div></div>
+
|Height = {{{Height|}}}
 +
|Width = {{{Width|}}}
 +
|Colour = {{{Colour|}}}  
 +
|Image1 = {{{Image1|}}}
 +
|Link1 = {{{Link1|}}}
 +
|Caption1 = {{{Caption1|}}}
 +
|Image2 = {{{Image2|}}}
 +
|Link2 = {{{Link2|}}}
 +
|Caption2 = {{{Caption2|}}}
 +
|Image3 = {{{Image3|}}}
 +
|Link3 = {{{Link3|}}}
 +
|Caption3 = {{{Caption3|}}}
 +
|Image4 = {{{Image4|}}}
 +
|Link4 = {{{Link4|}}}
 +
|Caption4 = {{{Caption4|}}}
 +
|Image5 = {{{Image5|}}}
 +
|Link5 = {{{Link5|}}}
 +
|Caption5 = {{{Caption5|}}}
 +
}}
 +
</div>
 +
<!-- Mobile View -->
 +
<div id="mf-HideOnDesktop">
 +
{{Gallery2
 +
|Title = {{{Title|}}}
 +
|Height = 120px
 +
|Width = 130px
 +
|Colour = {{{Colour|}}}  
 +
|Image1 = {{{Image1|}}}
 +
|Link1 = {{{Link1|}}}
 +
|Caption1 = {{{Caption1|}}}
 +
|Image2 = {{{Image2|}}}
 +
|Link2 = {{{Link2|}}}
 +
|Caption2 = {{{Caption2|}}}
 +
|Image3 = {{{Image3|}}}
 +
|Link3 = {{{Link3|}}}
 +
|Caption3 = {{{Caption3|}}}
 +
|Image4 = {{{Image4|}}}
 +
|Link4 = {{{Link4|}}}
 +
|Caption4 = {{{Caption4|}}}
 +
|Image5 = {{{Image5|}}}
 +
|Link5 = {{{Link5|}}}
 +
|Caption5 = {{{Caption5|}}}
 +
}}
 +
</div>

Revision as of 12:38, 9 December 2016