Persoonlijke instellingen

Sjabloon:Afbeelding 4 naast elkaar: verschil tussen versies

Uit BeneluxSpoor.net - Encyclopedie
Ga naar: navigatie, zoeken
k
k
Regel 1: Regel 1:
−
<includeonly>{|
+
<!-- Sjabloon voor het plaatsen van vier afbeeldingen naast elkaar. Gemaakt door Ronald. Aangepast door Fred 19-8-2012 -->
 +
<includeonly>{| border="0"
 
|- valign="bottom"
 
|- valign="bottom"
 
| [[Bestand:{{{Bestand}}}|{{#switch: {{{Grootte|}}}
 
| [[Bestand:{{{Bestand}}}|{{#switch: {{{Grootte|}}}
Regel 9: Regel 10:
 
  | {{{Grootte}}}]]
 
  | {{{Grootte}}}]]
 
}}
 
}}
 +
| style="width:{{{Tussenruimte}}}"|
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 17: Regel 19:
 
  | {{ #if: {{{Grootte2|}}} | {{{Grootte2}}} | {{{Grootte}}} }}]]
 
  | {{ #if: {{{Grootte2|}}} | {{{Grootte2}}} | {{{Grootte}}} }}]]
 
}}
 
}}
 +
| style="width:{{{Tussenruimte2}}}"|
 
| [[Bestand:{{{Bestand3}}}|{{#switch: {{{Grootte3|}}}
 
| [[Bestand:{{{Bestand3}}}|{{#switch: {{{Grootte3|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 25: Regel 28:
 
  | {{ #if: {{{Grootte3|}}} | {{{Grootte3}}} | {{{Grootte}}} }}]]
 
  | {{ #if: {{{Grootte3|}}} | {{{Grootte3}}} | {{{Grootte}}} }}]]
 
}}
 
}}
 +
| style="width:{{{Tussenruimte3}}}"|
 
| [[Bestand:{{{Bestand4}}}|{{#switch: {{{Grootte4|}}}
 
| [[Bestand:{{{Bestand4}}}|{{#switch: {{{Grootte4|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 35: Regel 39:
 
|-
 
|-
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer}}}''
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer2}}}''
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer2}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer3}}}''
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer3}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer4}}}''
 
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer4}}}''
 
|-
 
|-
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving}}}''
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving2}}}''
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving2}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving3}}}''
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving3}}}''
 +
|
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving4}}}''
 
|style="text-align:left; font-size: 80%;"| ''{{{Omschrijving4}}}''
 
|-
 
|-
Regel 52: Regel 62:
 
  }}
 
  }}
 
}}
 
}}
 +
|
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron2|}}} | ''Bron: {{{Bron2}}}'' |{{#switch: {{{Type2|}}}
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron2|}}} | ''Bron: {{{Bron2}}}'' |{{#switch: {{{Type2|}}}
 
  | Foto= ''Foto gemaakt door: {{{Maker2}}}''
 
  | Foto= ''Foto gemaakt door: {{{Maker2}}}''
Regel 60: Regel 71:
 
  }}
 
  }}
 
}}
 
}}
 +
|
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron3|}}} | ''Bron: {{{Bron3}}}'' |{{#switch: {{{Type3|}}}
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron3|}}} | ''Bron: {{{Bron3}}}'' |{{#switch: {{{Type3|}}}
 
  | Foto= ''Foto gemaakt door: {{{Maker3}}}''
 
  | Foto= ''Foto gemaakt door: {{{Maker3}}}''
Regel 68: Regel 80:
 
  }}
 
  }}
 
}}
 
}}
 +
|
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron4|}}} | ''Bron: {{{Bron3}}}'' |{{#switch: {{{Type4|}}}
 
|style="text-align:left; font-size: 80%;"| {{#if: {{{Bron4|}}} | ''Bron: {{{Bron3}}}'' |{{#switch: {{{Type4|}}}
 
  | Foto= ''Foto gemaakt door: {{{Maker4}}}''
 
  | Foto= ''Foto gemaakt door: {{{Maker4}}}''
Regel 77: Regel 90:
 
}}
 
}}
 
|}
 
|}
−
</includeonly><noinclude> [[Categorie:Sjablonen categorie|Afbeelding 4 naast elkaar]] </noinclude>
+
</includeonly><noinclude>
 +
__NOTOC__
 +
== Doel==
 +
Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.
 +
 
 +
== Nieuwe parameter toegevoegd ==
 +
Met parameter 'Tussenruimte' kan nu op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel).
 +
De waarde van de parameter kan zowel een relatieve tussenruimte (bijvoorbeeld ''9%'') als een absolute tussenruimte (bijvoorbeeld ''18px'') zijn.
 +
Indien de parameter 'Tussenruimte' niet gebruikt wordt is de tussenruimte 0px.
 +
 
 +
== Het waarom van de wijziging ==
 +
 
 +
In het verleden kwam het wel eens voor dat twee afbeeldingen te dicht op elkaar stonden. Dit was 'op te lossen' met een work-around, n.l. door een aantal spaties aan de 'ondertiteling' toe te voegen, zoals hieronder aangeven.
 +
 
 +
<pre>
 +
{{Afbeelding 4 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Bestand4= Klittenbandkabelbinder_533608-89.png
 +
|Grootte= 150px
 +
|Grootte2= 200px
 +
|Grootte3= 200px
 +
|Grootte4= 175px
 +
|Volgnummer= 01
 +
|Volgnummer2= 02
 +
|Volgnummer3= 03
 +
|Volgnummer4= 04
 +
|Omschrijving= Kabelbinder 542309-8A
 +
|Omschrijving2= Montagevoetje 541267-89
 +
|Omschrijving3= Montagevoetje 540502-8A &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 +
|Omschrijving4= Klittenband kabelbinder 542309-8A
 +
|Bron= Conrad.nl
 +
|Bron2= Conrad.nl
 +
|Bron3= Conrad.nl
 +
|Bron4= Conrad.nl
 +
}}
 +
</pre>
 +
 
 +
Deze work-around kreeg natuurlijk niet de schoonheidsprijs. Vandaar deze technische oplossing.<br />
 +
Door het tussenvoegen van een lege kolom, die 'van buitenaf' d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen nu op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.
 +
 
 +
== Gebruik ==
 +
 
 +
Voor ruimte tussen afbeelding 1 en afbeelding 2, gebruikt u:
 +
<pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre>
 +
 
 +
 
 +
Voor ruimte tussen afbeelding 2 en afbeelding 3, gebruikt u:
 +
<pre>|Tussenruimte2= 25px</pre> of <pre>|Tussenruimte2= 5%</pre>
 +
 
 +
 
 +
Voor ruimte tussen afbeelding 3 en afbeelding 4, gebruikt u:
 +
<pre>|Tussenruimte3= 25px</pre> of <pre>|Tussenruimte3= 5%</pre>
 +
 
 +
 
 +
 
 +
Voorbeeld van de Wikicode welke het sjabloon 'Afbeelding 4 naast elkaar' aanroept:
 +
 
 +
<pre>
 +
{{Afbeelding 4 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Bestand4= Klittenbandkabelbinder_533608-89.png
 +
|Grootte= 150px
 +
|Grootte2= 200px
 +
|Grootte3= 200px
 +
|Grootte4= 175px
 +
|Volgnummer= 01
 +
|Volgnummer2= 02
 +
|Volgnummer3= 03
 +
|Volgnummer4= 04
 +
|Omschrijving= Kabelbinder 542309-8A
 +
|Omschrijving2= Montagevoetje 541267-89
 +
|Omschrijving3= Montagevoetje 540502-8A
 +
|Omschrijving4= Klittenband kabelbinder 542309-8A
 +
|Bron= Conrad.nl
 +
|Bron2= Conrad.nl
 +
|Bron3= Conrad.nl
 +
|Bron4= Conrad.nl
 +
Tussenruimte= 4px
 +
Tussenruimte2= 12px
 +
Tussenruimte3= 9px
 +
Tussenruimte4= 3px
 +
}}
 +
</pre>
 +
 
 +
 
 +
Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) en/of |Tussenruimte2= (waarde) en/of |Tussenruimte3= (waarde) weg, zoals hieronder aangegeven is:
 +
 
 +
<pre>
 +
{{Afbeelding 4 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Bestand4= Klittenbandkabelbinder_533608-89.png
 +
|Grootte= 150px
 +
|Grootte2= 200px
 +
|Grootte3= 200px
 +
|Grootte4= 175px
 +
|Volgnummer= 01
 +
|Volgnummer2= 02
 +
|Volgnummer3= 03
 +
|Volgnummer4= 04
 +
|Omschrijving= Kabelbinder 542309-8A
 +
|Omschrijving2= Montagevoetje 541267-89
 +
|Omschrijving3= Montagevoetje 540502-8A
 +
|Omschrijving4= Klittenband kabelbinder 542309-8A
 +
|Bron= Conrad.nl
 +
|Bron2= Conrad.nl
 +
|Bron3= Conrad.nl
 +
|Bron4= Conrad.nl
 +
}}
 +
</pre>
 +
[[Categorie:Sjablonen categorie|A]]</noinclude>

Versie van 20 aug 2012 om 10:49


Doel

Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.

Nieuwe parameter toegevoegd

Met parameter 'Tussenruimte' kan nu op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel). De waarde van de parameter kan zowel een relatieve tussenruimte (bijvoorbeeld 9%) als een absolute tussenruimte (bijvoorbeeld 18px) zijn. Indien de parameter 'Tussenruimte' niet gebruikt wordt is de tussenruimte 0px.

Het waarom van de wijziging

In het verleden kwam het wel eens voor dat twee afbeeldingen te dicht op elkaar stonden. Dit was 'op te lossen' met een work-around, n.l. door een aantal spaties aan de 'ondertiteling' toe te voegen, zoals hieronder aangeven. 

{{Afbeelding 4 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Bestand4= Klittenbandkabelbinder_533608-89.png
|Grootte= 150px
|Grootte2= 200px
|Grootte3= 200px
|Grootte4= 175px
|Volgnummer= 01
|Volgnummer2= 02
|Volgnummer3= 03
|Volgnummer4= 04
|Omschrijving= Kabelbinder 542309-8A
|Omschrijving2= Montagevoetje 541267-89
|Omschrijving3= Montagevoetje 540502-8A &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
|Omschrijving4= Klittenband kabelbinder 542309-8A
|Bron= Conrad.nl
|Bron2= Conrad.nl
|Bron3= Conrad.nl
|Bron4= Conrad.nl
}}

Deze work-around kreeg natuurlijk niet de schoonheidsprijs. Vandaar deze technische oplossing.
Door het tussenvoegen van een lege kolom, die 'van buitenaf' d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen nu op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.

Gebruik

Voor ruimte tussen afbeelding 1 en afbeelding 2, gebruikt u: 

|Tussenruimte= 25px
of 
|Tussenruimte= 5%


Voor ruimte tussen afbeelding 2 en afbeelding 3, gebruikt u: 

|Tussenruimte2= 25px
of 
|Tussenruimte2= 5%


Voor ruimte tussen afbeelding 3 en afbeelding 4, gebruikt u: 

|Tussenruimte3= 25px
of 
|Tussenruimte3= 5%


Voorbeeld van de Wikicode welke het sjabloon 'Afbeelding 4 naast elkaar' aanroept: 

 
{{Afbeelding 4 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Bestand4= Klittenbandkabelbinder_533608-89.png
|Grootte= 150px
|Grootte2= 200px
|Grootte3= 200px
|Grootte4= 175px
|Volgnummer= 01
|Volgnummer2= 02
|Volgnummer3= 03
|Volgnummer4= 04
|Omschrijving= Kabelbinder 542309-8A
|Omschrijving2= Montagevoetje 541267-89
|Omschrijving3= Montagevoetje 540502-8A
|Omschrijving4= Klittenband kabelbinder 542309-8A
|Bron= Conrad.nl
|Bron2= Conrad.nl
|Bron3= Conrad.nl
|Bron4= Conrad.nl
Tussenruimte= 4px
Tussenruimte2= 12px
Tussenruimte3= 9px
Tussenruimte4= 3px
}}


Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) en/of |Tussenruimte2= (waarde) en/of |Tussenruimte3= (waarde) weg, zoals hieronder aangegeven is: 

 
{{Afbeelding 4 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Bestand4= Klittenbandkabelbinder_533608-89.png
|Grootte= 150px
|Grootte2= 200px
|Grootte3= 200px
|Grootte4= 175px
|Volgnummer= 01
|Volgnummer2= 02
|Volgnummer3= 03
|Volgnummer4= 04
|Omschrijving= Kabelbinder 542309-8A
|Omschrijving2= Montagevoetje 541267-89
|Omschrijving3= Montagevoetje 540502-8A
|Omschrijving4= Klittenband kabelbinder 542309-8A
|Bron= Conrad.nl
|Bron2= Conrad.nl
|Bron3= Conrad.nl
|Bron4= Conrad.nl
}}
Overgenomen van "https://encyclopedie.beneluxspoor.net/index.php?title=Sjabloon:Afbeelding_4_naast_elkaar&oldid=24080"