Persoonlijke instellingen

Sjabloon:Afbeelding 2 naast elkaar: verschil tussen versies

Uit BeneluxSpoor.net - Encyclopedie
Ga naar: navigatie, zoeken
k
k
 
(34 tussenliggende versies door 2 gebruikers niet weergegeven)
Regel 1: Regel 1:
 +
<!-- Sjabloon voor het plaatsen van twee afbeeldingen naast elkaar. Gemaakt door Ronald. Aangepast door Fred 3-11-2012 -->
 
<includeonly>{| border="0" {{#ifeq: {{{Positie|}}} | Rechts | style="float:right; margin-left: 3em;" | {{#ifeq: {{{Positie|}}} | Links | style="float:left; margin-right: 3em;" |}} }}
 
<includeonly>{| border="0" {{#ifeq: {{{Positie|}}} | Rechts | style="float:right; margin-left: 3em;" | {{#ifeq: {{{Positie|}}} | Links | style="float:left; margin-right: 3em;" |}} }}
 
|- valign="bottom"
 
|- valign="bottom"
Regel 8: Regel 9:
 
  | Zeer groot= 500px]]
 
  | Zeer groot= 500px]]
 
  | {{{Grootte}}}]]
 
  | {{{Grootte}}}]]
}}
+
}}  
 +
| style="width:{{{Tussenruimte|}}}"|
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
| [[Bestand:{{{Bestand2}}}|{{#switch: {{{Grootte2|}}}
 
  | Zeer klein= 200px]]
 
  | Zeer klein= 200px]]
Regel 15: Regel 17:
 
  | Groot= 450px]]
 
  | Groot= 450px]]
 
  | Zeer groot= 500px]]
 
  | Zeer groot= 500px]]
  | {{{Grootte}}}]]
+
  | {{ #if: {{{Grootte2|}}} | {{{Grootte2}}} | {{{Grootte}}} }}]]
 
}}
 
}}
 
|-  
 
|-  
|style="text-align:left; font-size: 80%;"| ''{{{Volgnummer}}}''
+
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer}}}''
|style="text-align:left; font-size: 80%;"| ''{{{Volgnummer2}}}''
+
|
 +
|style="text-align:left; font-size: 80%;"| ''Afbeelding: {{{Volgnummer2}}}''
 
|-
 
|-
 
|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}}}''
 
|-
 
|-
Regel 30: Regel 34:
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
 
  | Tabel= ''Tabel gemaakt door: {{{Maker}}}''
 
  | ''Foto gemaakt door: {{{Maker}}}''
 
  | ''Foto gemaakt door: {{{Maker}}}''
  }}
+
  }}  
}}
+
}}  
{{#if: {{{Maker2|}}} | {{!}}style="text-align:left; font-size: 80%;"{{!}} {{#if: {{{Bron2|}}} | ''Bron: {{{Bron2}}}'' |{{#switch: {{{Type2|}}}
+
|
 +
{{#if: {{{Maker2|}}} | {{!}}style="text-align:left; font-size: 80%;"{{!}} {{#switch: {{{Type2|}}}
 
  | Foto= ''Foto gemaakt door: {{{Maker2}}}''
 
  | Foto= ''Foto gemaakt door: {{{Maker2}}}''
 
  | Tekening= ''Tekening gemaakt door: {{{Maker2}}}''
 
  | Tekening= ''Tekening gemaakt door: {{{Maker2}}}''
Regel 39: Regel 44:
 
  | ''Foto gemaakt door: {{{Maker2}}}''
 
  | ''Foto gemaakt door: {{{Maker2}}}''
 
  }}
 
  }}
}}
+
|
| {{!}}style="text-align:left; font-size: 80%;"{{!}} {{#if: {{{Bron|}}} | ''Bron: {{{Bron}}}'' |{{#switch: {{{Type|}}}
+
{{#if: {{{Bron2|}}} | {{!}}style="text-align:left; font-size: 80%;"{{!}} ''Bron: {{{Bron2}}}''
 +
|
 +
{{!}}style="text-align:left; font-size: 80%;"{{!}} {{#if: {{{Bron|}}} | ''Bron: {{{Bron}}}'' | {{#switch: {{{Type2|}}}
 
  | Foto= ''Foto gemaakt door: {{{Maker}}}''
 
  | Foto= ''Foto gemaakt door: {{{Maker}}}''
 
  | Tekening= ''Tekening gemaakt door: {{{Maker}}}''
 
  | Tekening= ''Tekening gemaakt door: {{{Maker}}}''
Regel 48: Regel 55:
 
  }}
 
  }}
 
}}
 
}}
 +
}}
 
}}
 
}}
 +
|}</includeonly><noinclude>
 +
 +
;Doel
 +
Het op eenvoudige wijze invoegen van twee afbeeldingen naast elkaar.
 +
 +
 +
;Functie
 +
Met dit sjabloon plaatst u een afbeelding 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
 +
: Met deze variabele kunt u de positie van de afbeelding bepalen. Standaard staat een afbeelding links, en heeft geen tekst naast zich. Wilt u nu een afbeelding rechts hebben staan en tekst er naast, dan geeft u positie op. Het zelfde geldt voor links en tekst er naast.
 +
<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
 +
|-
 +
| '''Positie='''
 +
| Waar moet de afbeelding staan?
 +
| Links of Rechts
 +
| '''Optioneel'''
 +
| Standaard hoeft u deze parameter niet te gebruiken, en staan de afbeeldingen links
 +
|-
 +
| '''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
 
|}
 
|}
</includeonly><noinclude> [[Categorie:Sjablonen categorie|Afbeelding 2 naast elkaar]] </noinclude>
+
 
 +
 
 +
;Voorbeeld tekst
 +
De onderstaande tekst moet u opnemen in de pagina: U begint altijd met <pre>{{Afbeelding Afbeelding 2 naast elkaar</pre> en daartussen plaatst u de variabelen onder elkaar, en eindigt u met<pre>}}</pre>
 +
 
 +
Voorbeeld van twee afbeeldingen
 +
<pre>
 +
{{Afbeelding 2 naast elkaar
 +
|Bestand= Bankschroef_Conrad823018-01.jpg
 +
|Bestand2= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= Klein
 +
|Volgnummer= 04
 +
|Volgnummer2= 05
 +
|Omschrijving= Bankschroefje
 +
|Omschrijving2= Centerpons
 +
|Maker= Conrad
 +
|Maker2= Conrad
 +
}}
 +
</pre>
 +
 
 +
 
 +
Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= 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 ''8px'') 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 2 naast elkaar
 +
|Bestand= Bankschroef_Conrad823018-01.jpg
 +
|Bestand2= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= Klein
 +
|Volgnummer= 04
 +
|Volgnummer2= 05
 +
|Omschrijving= Bankschroefje &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp; &#38;nbsp;
 +
|Omschrijving2= Centerpons
 +
|Maker= Conrad
 +
|Maker2= Conrad
 +
}}
 +
</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
 +
 
 +
<pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre>
 +
 
 +
 
 +
Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 2 naast elkaar' aanroept met extra tussenruimte:
 +
 
 +
<pre>
 +
{{Afbeelding 2 naast elkaar
 +
|Bestand= Bankschroef_Conrad823018-01.jpg
 +
|Bestand2= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= Klein
 +
|Volgnummer= 04
 +
|Volgnummer2= 05
 +
|Omschrijving= Bankschroefje
 +
|Omschrijving2= Centerpons
 +
|Maker= Conrad
 +
|Maker2= Conrad
 +
|Tussenruimte= 25px
 +
}}
 +
</pre>
 +
 
 +
 
 +
Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) weg, zoals hieronder aangegeven is:
 +
 
 +
<pre>
 +
{{Afbeelding 2 naast elkaar
 +
|Bestand= Bankschroef_Conrad823018-01.jpg
 +
|Bestand2= Centerpons_Conrad827138-01.jpg
 +
|Grootte= Klein
 +
|Grootte2= Klein
 +
|Volgnummer= 04
 +
|Volgnummer2= 05
 +
|Omschrijving= Bankschroefje
 +
|Omschrijving2= Centerpons
 +
|Maker= Conrad
 +
|Maker2= Conrad
 +
}}
 +
</pre>
 +
 
 +
 
 +
; Meer dan twee afbeeldingen naast elkaar
 +
Wilt u nog meer afbeeldingen naast elkaar zetten, dan kunt u de sjablonen; '''Afbeelding 3 naast elkaar''' of  '''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 twee afbeeldingen naast elkaar.


Functie

Met dit sjabloon plaatst u een afbeelding 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
Met deze variabele kunt u de positie van de afbeelding bepalen. Standaard staat een afbeelding links, en heeft geen tekst naast zich. Wilt u nu een afbeelding rechts hebben staan en tekst er naast, dan geeft u positie op. Het zelfde geldt voor links en tekst er naast.


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
Positie= Waar moet de afbeelding staan? Links of Rechts Optioneel Standaard hoeft u deze parameter niet te gebruiken, en staan de afbeeldingen links
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 2 naast elkaar
en daartussen plaatst u de variabelen onder elkaar, en eindigt u met
}}

Voorbeeld van twee afbeeldingen

{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}


Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= 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 8px) 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 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}

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
|Tussenruimte= 25px
of
|Tussenruimte= 5%


Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 2 naast elkaar' aanroept met extra tussenruimte:

 
{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
|Tussenruimte= 25px
}}


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

 
{{Afbeelding 2 naast elkaar 
|Bestand= Bankschroef_Conrad823018-01.jpg
|Bestand2= Centerpons_Conrad827138-01.jpg
|Grootte= Klein 
|Grootte2= Klein 
|Volgnummer= 04 
|Volgnummer2= 05
|Omschrijving= Bankschroefje 
|Omschrijving2= Centerpons 
|Maker= Conrad
|Maker2= Conrad 
}}


Meer dan twee afbeeldingen naast elkaar

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