|
|
| Regel 94: |
Regel 94: |
| | ;Doel | | ;Doel |
| | Het op eenvoudige wijze invoegen van vier afbeeldingen naast elkaar. | | Het op eenvoudige wijze invoegen van vier afbeeldingen naast elkaar. |
| − |
| |
| | | | |
| | ;Functie | | ;Functie |
| − | Met dit sjabloon plaatst u vier afbeeldingen naast elkaar in een artikel, in het gewenste formaat en met de juiste onderschriften. | + | Met dit sjabloon plaatsen we vier afbeeldingen naast elkaar in een artikel, in het gewenste formaat en met de juiste onderschriften. |
| − | | |
| | | | |
| | ; Bijzonderheden en gedrag | | ; Bijzonderheden en gedrag |
| − | Bij het invoegen moet u een aantal verplichte variabelen aangeven. | + | Bij het invoegen moeten we een aantal verplichte variabelen aangeven. |
| − | | |
| | | | |
| | :;Bron | | :;Bron |
| − | : Bij het gebruik van deze variabele wordt de tekst '''Foto gemaakt door:''' vervangen '''Bron:'''. | + | : Bij het gebruik van deze variabele wordt de tekst '''Foto gemaakt door: '''vervangen door '''Bron:'''. |
| − | | |
| | | | |
| | :;Type | | :;Type |
| − | : Met deze parameter geeft u aan van welk type de afbeelding is. U kunt kiezen uit: | + | : Met deze parameter geven we aan van welk type de afbeelding is. We kunnen kiezen uit: |
| − | | |
| | | | |
| | :{| class="wikitable" | | :{| class="wikitable" |
| Regel 133: |
Regel 128: |
| | |} | | |} |
| | | | |
| − | (bij een foto hoeft 'Type' niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}. | + | (bij een foto hoeft "Type" niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}. |
| | | | |
| | | | |
| | :;Grootte | | :;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). | + | : Met deze parameter geven we aan van hoe groot de afbeelding getoond moet worden. We kunnen standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px). |
| − | | |
| | | | |
| | :{| class="wikitable" | | :{| class="wikitable" |
| Regel 164: |
Regel 158: |
| | | 500x500px | | | 500x500px |
| | |} | | |} |
| − |
| |
| | | | |
| | :;Positie | | :;Positie |
| − | : De parameter'Positie' wordt in deze sjabloon niet gebruikt. Deze werkt alleen in 'Afbeelding' en 'Afbeelding 2 naast elkaar' | + | : De parameter "Positie" wordt in deze sjabloon niet gebruikt. Deze werkt alleen in "Afbeelding" en "Afbeelding 2 naast elkaar" |
| | <br /> | | <br /> |
| | ;Overzicht parameters | | ;Overzicht parameters |
| Regel 217: |
Regel 210: |
| | | Standaard is foto | | | Standaard is foto |
| | | '''Optioneel''' | | | '''Optioneel''' |
| − | | Foto, Tekening, Schema of Tabel. Standaard hoeft u de parameter 'Type' bij een foto niet te gebruiken | + | | Foto, Tekening, Schema of Tabel. Standaard hoeven we de parameter "Type" bij een foto niet te gebruiken |
| | |} | | |} |
| − |
| |
| | | | |
| | ;Voorbeeld tekst | | ;Voorbeeld tekst |
| − | De onderstaande tekst moet u opnemen in de pagina: U begint altijd met <pre>{{Afbeelding 4 naast elkaar</pre>en daartussen plaatst u de variabelen onder elkaar en eindigt u met<pre>}}</pre> | + | De onderstaande tekst moeten we opnemen in de pagina: We beginnen altijd met <pre>{{Afbeelding 4 naast elkaar</pre>en daartussen plaatsen we de variabelen onder elkaar en eindigen we met<pre>}}</pre> |
| | | | |
| | Voorbeeld van vier afbeeldingen | | Voorbeeld van vier afbeeldingen |
| Regel 250: |
Regel 242: |
| | </pre> | | </pre> |
| | | | |
| | + | Voor de tweede afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. "|Grootte2= Klein" etc.<br /> |
| | + | Voor de derde afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 3. Bijv. "|Grootte3= Klein" etc. |
| | + | Voor de vierde afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 4. Bijv. "|Grootte4= Klein" etc. |
| | | | |
| − | Voor de tweede afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. '|Grootte2= Klein' etc.<br />
| + | ;Parameter toegevoegd |
| − | Voor de derde afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 3. Bijv. '|Grootte3= Klein' etc.
| |
| − | Voor de vierde afbeelding gebruikt u dezelfde parameters (zie hierboven), maar dan gevolgd door een 4. Bijv. '|Grootte4= Klein' etc.
| |
| | | | |
| − | | + | Met parameter "Tussenruimte" kan op eenvoudige wijze de afstand tussen twee afbeeldingen ingesteld worden (in het artikel). |
| − | ;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. | | 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. | + | Indien de parameter "Tussenruimte" niet gebruikt wordt is de tussenruimte 0px. |
| | | | |
| | ;Het waarom van de wijziging | | ;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. | + | 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> | | <pre> |
| Regel 280: |
Regel 270: |
| | |Volgnummer3= 03 | | |Volgnummer3= 03 |
| | |Volgnummer4= 04 | | |Volgnummer4= 04 |
| − | |Omschrijving= Kabelbinder 542309-8A | + | |Omschrijving= Kabelbinder 542309-8A &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; |
| − | |Omschrijving2= Montagevoetje 541267-89 | + | |Omschrijving2= Montagevoetje 541267-89 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; |
| | |Omschrijving3= Montagevoetje 540502-8A &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | | |Omschrijving3= Montagevoetje 540502-8A &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; |
| | |Omschrijving4= Klittenband kabelbinder 542309-8A | | |Omschrijving4= Klittenband kabelbinder 542309-8A |
| Regel 292: |
Regel 282: |
| | | | |
| | Deze work-around kreeg natuurlijk niet de schoonheidsprijs. Vandaar deze technische oplossing.<br /> | | 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. | + | Door het tussenvoegen van een lege kolom, die "van buitenaf" d.m.v. een parameter in breedte instelbaar is, kunnen de afbeeldingen op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden. |
| | | | |
| | ;Gebruik | | ;Gebruik |
| | | | |
| − | Voor ruimte tussen afbeelding 1 en afbeelding 2, gebruikt u: | + | Voor ruimte tussen afbeelding 1 en afbeelding 2, gebruiken we: |
| | <pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre> | | <pre>|Tussenruimte= 25px</pre> of <pre>|Tussenruimte= 5%</pre> |
| | | | |
| − | | + | Voor ruimte tussen afbeelding 2 en afbeelding 3, gebruiken we: |
| − | Voor ruimte tussen afbeelding 2 en afbeelding 3, gebruikt u: | |
| | <pre>|Tussenruimte2= 25px</pre> of <pre>|Tussenruimte2= 5%</pre> | | <pre>|Tussenruimte2= 25px</pre> of <pre>|Tussenruimte2= 5%</pre> |
| | | | |
| − | | + | Voor ruimte tussen afbeelding 3 en afbeelding 4, gebruiken we: |
| − | Voor ruimte tussen afbeelding 3 en afbeelding 4, gebruikt u: | |
| | <pre>|Tussenruimte3= 25px</pre> of <pre>|Tussenruimte3= 5%</pre> | | <pre>|Tussenruimte3= 25px</pre> of <pre>|Tussenruimte3= 5%</pre> |
| | | | |
| − | | + | Voorbeeld van de Wikicode die het sjabloon "Afbeelding 4 naast elkaar" aanroept: |
| − | | |
| − | Voorbeeld van de Wikicode die het sjabloon 'Afbeelding 4 naast elkaar' aanroept: | |
| | | | |
| | <pre> | | <pre> |
| Regel 340: |
Regel 326: |
| | </pre> | | </pre> |
| | | | |
| − | | + | Indien geen extra tussenruimte benodigd is, laten we "|Tussenruimte= (waarde)" en "|Tussenruimte2= (waarde)" en "|Tussenruimte3= (waarde)" weg, zoals hieronder aangegeven is: |
| − | Indien geen extra tussenruimte benodigd is, laat u |Tussenruimte= (waarde) en/of |Tussenruimte2= (waarde) en/of |Tussenruimte3= (waarde) weg, zoals hieronder aangegeven is: | |
| | | | |
| | <pre> | | <pre> |
- Doel
Het op eenvoudige wijze invoegen van vier afbeeldingen naast elkaar.
- Functie
Met dit sjabloon plaatsen we vier afbeeldingen naast elkaar in een artikel, in het gewenste formaat en met de juiste onderschriften.
- Bijzonderheden en gedrag
Bij het invoegen moeten we een aantal verplichte variabelen aangeven.
- Bron
- Bij het gebruik van deze variabele wordt de tekst Foto gemaakt door: vervangen door Bron:.
- Type
- Met deze parameter geven we aan van welk type de afbeelding is. We kunnen kiezen uit:
| Tekst parameter
|
Tekst onder afbeelding:
|
|
|
Foto gemaakt door:
|
|
|
Tekening gemaakt door:
|
|
|
Schema gemaakt door:
|
|
|
Tabel gemaakt door:
|
(bij een foto hoeft "Type" niet gebruikt te worden. Dat wordt door de sjabloon automatisch geregeld}.
- Grootte
- Met deze parameter geven we aan van hoe groot de afbeelding getoond moet worden. We kunnen standaardwaarden ingeven of handmatig met een aantal pixels (bijv. 250px).
| Tekst parameter
|
Afbeeldingsgroote op het scherm
|
|
|
200x200px
|
|
|
300x300px
|
|
|
400x400px
|
|
|
450x450px
|
|
|
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 hoeven we de parameter "Type" bij een foto niet te gebruiken
|
- Voorbeeld tekst
De onderstaande tekst moeten we opnemen in de pagina: We beginnen altijd met
{{Afbeelding 4 naast elkaaren daartussen plaatsen we de variabelen onder elkaar en eindigen we met
}}
Voorbeeld van vier afbeeldingen
{{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
}}
Voor de tweede afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 2. Bijv. "|Grootte2= Klein" etc.
Voor de derde afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 3. Bijv. "|Grootte3= Klein" etc.
Voor de vierde afbeelding gebruiken we dezelfde parameters (zie hierboven), maar dan gevolgd door een 4. Bijv. "|Grootte4= Klein" etc.
- Parameter toegevoegd
Met parameter "Tussenruimte" kan 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
|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 op zeer eenvoudige wijze naar wens verder uit elkaar geplaatst worden.
- Gebruik
Voor ruimte tussen afbeelding 1 en afbeelding 2, gebruiken we:
|Tussenruimte= 25px
of
|Tussenruimte= 5%
Voor ruimte tussen afbeelding 2 en afbeelding 3, gebruiken we:
|Tussenruimte2= 25px
of
|Tussenruimte2= 5%
Voor ruimte tussen afbeelding 3 en afbeelding 4, gebruiken we:
|Tussenruimte3= 25px
of
|Tussenruimte3= 5%
Voorbeeld van de Wikicode die 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, laten we "|Tussenruimte= (waarde)" en "|Tussenruimte2= (waarde)" en "|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
}}
