Persoonlijke instellingen

Sjabloon:Afbeelding 3 naast elkaar: verschil tussen versies

Uit BeneluxSpoor.net - Encyclopedie
Ga naar: navigatie, zoeken
k
k
 
(15 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
<!-- Dit sjabloon is bedoeld voor het plaatsen van foto met bronvermelding en website -->
+
<!-- Sjabloon voor het plaatsen van drie afbeeldingen naast elkaar. Gemaakt door Ronald. Aangepast door Fred 3-11-2012 -->
<includeonly>{|
+
<includeonly>{| border="0"
 
|- valign="bottom"
 
|- valign="bottom"
 
| [[Bestand:{{{Bestand}}}|{{#switch: {{{Grootte|}}}
 
| [[Bestand:{{{Bestand}}}|{{#switch: {{{Grootte|}}}
Regel 10: Regel 10:
 
  | {{{Grootte}}}]]
 
  | {{{Grootte}}}]]
 
}}
 
}}
 +
| style="width:{{{Tussenruimte}}}"|
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 18: 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 28: Regel 30:
 
|-
 
|-
 
|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%;"| ''{{{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}}}''
 
|-
 
|-
Regel 40: Regel 46:
 
  | Schema= ''Schema gemaakt door: {{{Maker}}}''
 
  | Schema= ''Schema gemaakt door: {{{Maker}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
  | ''Foto gemaakt door: {{{Maker}}}''
+
  | ''Foto gemaakt door: {{{Maker}}}''  
  }}
+
  }}  
 
}}
 
}}
 +
|
 
|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 49: Regel 56:
 
  | Tabel= ''Tabel gemaakt door: {{{Maker2}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker2}}}''
 
  | ''Foto gemaakt door: {{{Maker2}}}''
 
  | ''Foto gemaakt door: {{{Maker2}}}''
  }}
+
  }}  
 
}}
 
}}
 +
|
 
|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 57: Regel 65:
 
  | Tabel= ''Tabel gemaakt door: {{{Maker3}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker3}}}''
 
  | ''Foto gemaakt door: {{{Maker3}}}''
 
  | ''Foto gemaakt door: {{{Maker3}}}''
  }}
+
  }}  
 
}}
 
}}
 
|}
 
|}
</includeonly><noinclude> [[Categorie:Sjablonen categorie|Afbeelding 3 naast elkaar]] </noinclude>
+
</includeonly><noinclude>
 +
 
 +
 
 +
;Doel
 +
Het op eenvoudige wijze invoegen van drie afbeeldingen naast elkaar.
 +
 
 +
 
 +
;Functie
 +
Met dit sjabloon plaatst u drie afbeeldingen naast elkaar in een artikel, in het gewenste formaat en met de juiste onderschriften.
 +
 
 +
 
 +
; Bijzonderheden en gedrag
 +
Bij het invoegen moet u een aantal verplichte variabelen aangeven.
 +
 
 +
 
 +
:;Bron
 +
: Bij het gebruik van deze variabele wordt de tekst '''Foto gemaakt door:''' vervangen '''Bron:'''.
 +
 
 +
 
 +
:;Type
 +
: Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit:
 +
 
 +
 
 +
:{| class="wikitable"
 +
! Tekst parameter
 +
! Tekst onder afbeelding:
 +
|-
 +
|
 +
* Foto
 +
| Foto gemaakt door:
 +
|-
 +
|
 +
* Tekening
 +
| Tekening gemaakt door:
 +
|-
 +
|
 +
* Schema
 +
| Schema gemaakt door:
 +
|-
 +
|
 +
* Tabel
 +
| Tabel gemaakt door:
 +
|}
 +
 
 +
(bij een foto hoeft 'Type' niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}.
 +
 
 +
 
 +
:;Grootte
 +
: Met deze parameter geeft u aan van hoe groot de afbeelding getoond moet worden. U kunt standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px).
 +
 
 +
 
 +
:{| class="wikitable"
 +
! Tekst parameter
 +
! Afbeeldingsgroote op het scherm
 +
|-
 +
|
 +
* Zeer klein
 +
| 200x200px
 +
|-
 +
|
 +
* Klein
 +
| 300x300px
 +
|-
 +
|
 +
* Normaal
 +
| 400x400px
 +
|-
 +
|
 +
* Groot
 +
| 450x450px
 +
|-
 +
|
 +
* Zeer groot
 +
| 500x500px
 +
|}
 +
 
 +
 
 +
:;Positie
 +
: De parameter 'Positie' wordt in deze sjabloon niet gebruikt. Deze werkt alleen in 'Afbeelding' en 'Afbeelding 2 naast elkaar'
 +
<br />
 +
;Overzicht parameters
 +
{| class="wikitable"
 +
! Variabel
 +
! Omschrijving
 +
! Default/wat?
 +
! Verplicht/optioneel
 +
! Opmerkingen
 +
|-
 +
| '''Bestand='''
 +
| Welk bestand moet ingevoegd worden?
 +
| Alleen bestandsnaam invoegen
 +
| '''Verplicht'''
 +
| bestandsnaam met extensie en exact (denk aan hoofdletters en kleine letters)
 +
|-
 +
| '''Grootte='''
 +
| Hoe groot moet de afbeelding zijn?
 +
| aantal pixels
 +
| '''Verplicht'''
 +
| Zie het kopje functie en gedrag
 +
|-
 +
| '''Volgnummer='''
 +
| Het volgnummer van de afbeelding in de tekst
 +
| Het volgnummer moet uniek en opeenvolgend zijn
 +
| '''Verplicht'''
 +
|
 +
|-
 +
| '''Omschrijving='''
 +
| Wat staat er op de afbeelding?
 +
|
 +
| '''Verplicht'''
 +
|
 +
|-
 +
| '''Maker='''
 +
| Wie heeft de afbeelding gemaakt?
 +
| Alleen de naam invullen
 +
| '''Optioneel'''
 +
| Niet in combinatie met Bron, alleen Maker of bron
 +
|-
 +
| '''Bron='''
 +
| Waar komt de foto vandaan?
 +
| Alleen de bron invullen
 +
| '''Optioneel'''
 +
| Niet in combinatie met Maker, alleen Maker of bron
 +
|-
 +
| '''Type='''
 +
| Wat is het?
 +
| Standaard is foto
 +
| '''Optioneel'''
 +
| Foto, Tekening, Schema of Tabel. Standaard hoeft u de parameter 'Type' bij een foto niet te gebruiken
 +
|}
 +
 
 +
 
 +
;Voorbeeld tekst
 +
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met <pre>{{Afbeelding Afbeelding 3 naast elkaar</pre> en daartussen plaatst u de variabelen onder elkaar, en eindigt u met<pre>}}</pre>
 +
 
 +
Voorbeeld van drie afbeeldingen
 +
<pre>
 +
{{Afbeelding 3 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= 250px
 +
|Grootte3= 250px
 +
|Volgnummer= 07
 +
|Volgnummer2= 08
 +
|Volgnummer3= 09
 +
|Omschrijving= Boorstatief
 +
|Omschrijving2= Bankschroefje
 +
|Omschrijving3= Centerpons
 +
|Bron= [http://conrad.nl conrad.nl]
 +
|Bron2= [http://conrad.nl conrad.nl]
 +
|Bron3= [http://conrad.nl conrad.nl]
 +
}}
 +
</pre>
 +
 
 +
 
 +
Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.<br />
 +
Voor de derde afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 3. Bijv. '|Grootte3= Klein' etc.
 +
 
 +
 
 +
 
 +
;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 3 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= 250px
 +
|Grootte3= 250px
 +
|Volgnummer= 07
 +
|Volgnummer2= 08
 +
|Volgnummer3= 09
 +
|Omschrijving= Boorstatief
 +
|Omschrijving2= Bankschroefje &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 +
|Omschrijving3= Centerpons
 +
|Bron= [http://conrad.nl conrad.nl]
 +
|Bron2= [http://conrad.nl conrad.nl]
 +
|Bron3= [http://conrad.nl 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>
 +
 
 +
 
 +
Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 3 naast elkaar' aanroept:
 +
 
 +
<pre>
 +
{{Afbeelding 3 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= 250px
 +
|Grootte3= 250px
 +
|Volgnummer= 07
 +
|Volgnummer2= 08
 +
|Volgnummer3= 09
 +
|Omschrijving= Boorstatief
 +
|Omschrijving2= Bankschroefje
 +
|Omschrijving3= Centerpons
 +
|Bron= Conrad]
 +
|Bron2= Conrad
 +
|Bron3= Conrad
 +
|Tussenruimte= 15px
 +
|Tussenruimte2= 23px
 +
}}
 +
</pre>
 +
 
 +
 
 +
Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) en/of |Tussenruimte2= (waarde) weg, zoals hieronder aangegeven is:
 +
 
 +
<pre>
 +
{{Afbeelding 3 naast elkaar
 +
|Bestand= Boorstatief_Conrad810545-01.jpg
 +
|Bestand2= Bankschroef_Conrad823018-01.jpg
 +
|Bestand3= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= 250px
 +
|Grootte3= 250px
 +
|Volgnummer= 07
 +
|Volgnummer2= 08
 +
|Volgnummer3= 09
 +
|Omschrijving= Boorstatief
 +
|Omschrijving2= Bankschroefje
 +
|Omschrijving3= Centerpons
 +
|Bron= Conrad]
 +
|Bron2= Conrad
 +
|Bron3= Conrad
 +
}}
 +
</pre>
 +
 
 +
 
 +
; Meer dan drie afbeeldingen naast elkaar
 +
Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjabloon; '''Afbeelding 4 naast elkaar''' gebruiken.
 +
[[Categorie:Sjablonen categorie|A]]</noinclude>

Huidige versie van 18 okt 2016 om 16:55



Doel

Het op eenvoudige wijze invoegen van drie afbeeldingen naast elkaar.


Functie

Met dit sjabloon plaatst u drie afbeeldingen naast elkaar in een artikel, in het gewenste formaat en met de juiste onderschriften.


Bijzonderheden en gedrag

Bij het invoegen moet u een aantal verplichte variabelen aangeven.


Bron
Bij het gebruik van deze variabele wordt de tekst Foto gemaakt door: vervangen Bron:.


Type
Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit:


Tekst parameter Tekst onder afbeelding:
  • Foto
Foto gemaakt door:
  • Tekening
Tekening gemaakt door:
  • Schema
Schema gemaakt door:
  • Tabel
Tabel gemaakt door:

(bij een foto hoeft 'Type' niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}.


Grootte
Met deze parameter geeft u aan van hoe groot de afbeelding getoond moet worden. U kunt standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px).


Tekst parameter Afbeeldingsgroote op het scherm
  • Zeer klein
200x200px
  • Klein
300x300px
  • Normaal
400x400px
  • Groot
450x450px
  • Zeer groot
500x500px


Positie
De parameter 'Positie' wordt in deze sjabloon niet gebruikt. Deze werkt alleen in 'Afbeelding' en 'Afbeelding 2 naast elkaar'


Overzicht parameters
Variabel Omschrijving Default/wat? Verplicht/optioneel Opmerkingen
Bestand= Welk bestand moet ingevoegd worden? Alleen bestandsnaam invoegen Verplicht bestandsnaam met extensie en exact (denk aan hoofdletters en kleine letters)
Grootte= Hoe groot moet de afbeelding zijn? aantal pixels Verplicht Zie het kopje functie en gedrag
Volgnummer= Het volgnummer van de afbeelding in de tekst Het volgnummer moet uniek en opeenvolgend zijn Verplicht
Omschrijving= Wat staat er op de afbeelding? Verplicht
Maker= Wie heeft de afbeelding gemaakt? Alleen de naam invullen Optioneel Niet in combinatie met Bron, alleen Maker of bron
Bron= Waar komt de foto vandaan? Alleen de bron invullen Optioneel Niet in combinatie met Maker, alleen Maker of bron
Type= Wat is het? Standaard is foto Optioneel Foto, Tekening, Schema of Tabel. Standaard hoeft u de parameter 'Type' bij een foto niet te gebruiken


Voorbeeld tekst
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met
{{Afbeelding Afbeelding 3 naast elkaar
en daartussen plaatst u de variabelen onder elkaar, en eindigt u met
}}

Voorbeeld van drie afbeeldingen

{{Afbeelding 3 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Grootte= Klein
|Grootte2= 250px
|Grootte3= 250px
|Volgnummer= 07
|Volgnummer2= 08
|Volgnummer3= 09
|Omschrijving= Boorstatief
|Omschrijving2= Bankschroefje 
|Omschrijving3= Centerpons
|Bron= [http://conrad.nl conrad.nl]
|Bron2= [http://conrad.nl conrad.nl]
|Bron3= [http://conrad.nl conrad.nl]
}}


Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.
Voor de derde afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 3. Bijv. '|Grootte3= Klein' etc.


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 3 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Grootte= Klein
|Grootte2= 250px
|Grootte3= 250px
|Volgnummer= 07
|Volgnummer2= 08
|Volgnummer3= 09
|Omschrijving= Boorstatief
|Omschrijving2= Bankschroefje &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
|Omschrijving3= Centerpons
|Bron= [http://conrad.nl conrad.nl]
|Bron2= [http://conrad.nl conrad.nl]
|Bron3= [http://conrad.nl 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%


Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 3 naast elkaar' aanroept:

 
{{Afbeelding 3 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Grootte= Klein
|Grootte2= 250px
|Grootte3= 250px
|Volgnummer= 07
|Volgnummer2= 08
|Volgnummer3= 09
|Omschrijving= Boorstatief
|Omschrijving2= Bankschroefje 
|Omschrijving3= Centerpons
|Bron= Conrad]
|Bron2= Conrad
|Bron3= Conrad
|Tussenruimte= 15px
|Tussenruimte2= 23px
}}


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

 
{{Afbeelding 3 naast elkaar
|Bestand= Boorstatief_Conrad810545-01.jpg
|Bestand2= Bankschroef_Conrad823018-01.jpg
|Bestand3= Centerpons_Conrad827138-01.jpg
|Grootte= Klein
|Grootte2= 250px
|Grootte3= 250px
|Volgnummer= 07
|Volgnummer2= 08
|Volgnummer3= 09
|Omschrijving= Boorstatief
|Omschrijving2= Bankschroefje 
|Omschrijving3= Centerpons
|Bron= Conrad]
|Bron2= Conrad
|Bron3= Conrad
}}


Meer dan drie afbeeldingen naast elkaar

Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjabloon; Afbeelding 4 naast elkaar gebruiken.