Wouda's Wiki

Sjabloon:Afbeelding drievoudig: verschil tussen versies

Sjabloon Overleg

Sjabloon:Afbeelding drievoudig (bekijk bron)

Versie van 15 feb 2024 17:38

2.028 bytes toegevoegd ,  15 februari
inhoud aangepast
VisueelWikitekst
(Nieuw sjabloon gemaakt)
 
(inhoud aangepast)
Regel 1: Regel 1:
<includeonly>{{#switch: {{{1|}}} <!-- first parameter inserts a <div> with a left, right or central float -->
<includeonly>{{#switch: {{{positie|}}} <!-- first parameter inserts a <div> with a left, right or central float -->
| left = <div class="thumb tleft">
| links = <div class="thumb tleft">
| right = <div class="thumb tright">
| rechts = <div class="thumb tright">
| center|centre = <div class="center"><div class="thumb tnone">
| gecentreerd = <div class="center"><div class="thumb tnone">
| #default = <div class="thumb tright">
| #default = <div class="thumb tright">
}}<div class="thumbinner" style="width:{{#expr: {{{3|0}}} + {{{7|0}}} + {{{11|0}}} + 10}}px;">  <!-- calculate width based on image widths + 10px -->
}}<div class="thumbinner" style="width:{{#expr: {{{b.1|0}}} + {{{b.2|0}}} + {{{b.3|0}}} + 10}}px;">  <!-- calculate width based on image widths + 10px -->
{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{3|0}}} + {{{5|0}}} + 4}}px;" cellspacing="0"
{| style="background: transparent; border: 0; padding: 0; margin: 0; width:{{#expr: {{{3|0}}} + {{{5|0}}} + 4}}px;" cellspacing="0"
|- style="vertical-align:{{{valign|middle}}};"
|- style="vertical-align:{{{valign|middle}}};"
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{2}}}|{{{3}}}px|Link={{{4|}}}|alt={{{5|}}}|{{{14|}}}]]  <!-- afb. 1 -->
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.1}}}|{{{b.1}}}px|{{#if:{{{link.1|}}}|link={{{link.1|}}}|-}}|{{{tekst.1|}}}]]  <!-- afb. 1 -->
| style="padding: 0; margin: 0; border: 0; width: 2px" |  
| style="padding: 0; margin: 0; border: 0; width: 2px" |  
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{6}}}|{{{7}}}px|Link={{{8|}}}|alt={{{9|}}}|{{{14|}}}]]  <!-- afb. 2 -->
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.2}}}|{{{b.2}}}px|{{#if:{{{link.2|}}}|link={{{link.2|}}}|-}}|{{{tekst.2|}}}]]  <!-- afb. 2 -->
| style="padding: 0; margin: 0; border: 0; width: 2px" |  
| style="padding: 0; margin: 0; border: 0; width: 2px" |  
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{10}}}|{{{11}}}px|Link={{{12|}}}|alt={{{13|}}}|{{{14|}}}]]  <!-- afb. 3 -->
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{afb.3}}}|{{{b.3}}}px|{{#if:{{{link.3|}}}|link={{{link.3|}}}|-}}|{{{tekst.3|}}}]]  <!-- afb. 3 -->
|- style="vertical-align:top;"
|- style="vertical-align:top;"
| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{14|}}}</div>
| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{onderschrift|}}}</div>
|}
|}
</div>
</div>
{{#switch: {{{1|}}}  <!-- as central image float needs two divs, need to close two for center and only one for left/right -->
{{#switch: {{{positie|}}}  <!-- as central image float needs two divs, need to close two for center and only one for left/right -->
| center|centre = </div></div>
| gecentreerd = </div></div>
| </div>
| </div>
}}</includeonly><noinclude>
}}</includeonly><noinclude>
Regel 23: Regel 23:
Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin drie losse afbeeldingen naast elkaar te zien zijn.  
Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin drie losse afbeeldingen naast elkaar te zien zijn.  


Het sjabloon plaatst de afbeeldingen in een tabel en werkt daardoor ook op de mobiele versie van de website.
Het sjabloon plaatst de afbeeldingen (en het onderschrift) in een tabel, dit is eigenlijk niet correct gebruik van een tabel. Het geeft echter wel het gewenste resultaat en wordt op Wikipedia veelvuldig gebruikt. Door het gebruik van de tabelopmaak werkt deze aanpak, ook op de mobiele versie van de wiki.


==Syntaxis==
==Syntaxis==
<pre>{{Afbeelding drievoudig
<pre>{{Afbeelding drievoudig
|1=left/center/right (default=right)
|positie=     links/rechts/gecentreerd (default=rechts)
|2=Eerste afbeelding
|afb.1=       Eerste afbeelding
|3=Breedte eerste afbeelding
|link.1=       Alternatieve link bij eerste afbeelding
|4=Link=
|tekst.1=     Tooltip tekst bij eerste afbeelding
|5=Alt-tekst eerste afbeelding
|b.1=         Breedte eerste afbeelding
|6=Tweede afbeelding
|afb.2=       Tweede afbeelding
|7=Breedte tweede afbeelding
|link.2=       Alternatieve link bij tweede afbeelding
|8=Link=
|tekst.2=     Tooltip tekst bij tweede afbeelding
|9=Alt-tekst tweede afbeelding
|b.2=         Breedte tweede afbeelding
|10=Derde afbeelding
|afb.3=       Derde afbeelding
|11=Breedte derde afbeelding
|link.3=       Alternatieve link bij derde afbeelding
|12=Link=
|tekst.3=     Tooltip tekst bij derde afbeelding
|13=Alt-tekst derde afbeelding
|b.3=         Breedte derde afbeelding
|14=Onderschrift
|onderschrift= Onderschrift
}}</pre>
}}</pre>


Regel 50: Regel 50:
   | afb.3=Weekrapport No. 21.3..jpg
   | afb.3=Weekrapport No. 21.3..jpg
   | onderschrift=Weekrapport no. 21.}}
   | onderschrift=Weekrapport no. 21.}}
{{Lorem ipsum}}
{{clear}}
{{clear}}


===Dit template===
===Dit template===
{{Afbeelding drievoudig
{{Afbeelding drievoudig
|1=right
|positie=rechts
|2=Weekrapport No. 21.1..jpg
|afb.1=Weekrapport No. 21.1..jpg
|3=94
|b.1=94
|5=Voorblad
|tekst.1=Voorblad
|6=Weekrapport No. 21.2..jpg
|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
|7=188
|afb.2=Weekrapport No. 21.2..jpg
|9=Middenblad (dubbel)
|b.2=188
|10=Weekrapport No. 21.3..jpg
|tekst.2=Middenblad (dubbel)
|11=94
|afb.3=Weekrapport No. 21.3..jpg
|13=Achterblad
|b.3=94
|14=Weekrapport no. 21.}}
|tekst.3=Achterblad
|onderschrift=Weekrapport no. 21.}}
{{Lorem ipsum}}
{{clear}}
{{clear}}
===Dit template===
<pre>
{{Afbeelding drievoudig
|positie=links
|afb.1=Weekrapport No. 21.1..jpg
|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
|tekst.1=Weekrapport no. 21, voorblad
|b.1=75
|afb.2=Weekrapport No. 21.2..jpg
|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg
|tekst.2=Weekrapport no. 21, middenblad (dubbel)
|b.2=150
|afb.3=Weekrapport No. 21.3..jpg
|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg
|tekst.3=Weekrapport no. 21, achterblad
|b.3=75
|onderschrift=Weekrapport no. 21.}}
{{Lorem ipsum}}
{{clear}}
</pre>
{{Afbeelding drievoudig
|positie=links
|afb.1=Weekrapport No. 21.1..jpg
|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
|tekst.1=Weekrapport no. 21, voorblad
|b.1=75
|afb.2=Weekrapport No. 21.2..jpg
|link.2=https://wiki.woudagemaal.nl/w/images/3/33/Weekrapport_No._21.2..jpg
|tekst.2=Weekrapport no. 21, middenblad (dubbel)
|b.2=150
|afb.3=Weekrapport No. 21.3..jpg
|link.3=https://wiki.woudagemaal.nl/w/images/d/d7/Weekrapport_No._21.3..jpg
|tekst.3=Weekrapport no. 21, achterblad
|b.3=75
|onderschrift=Weekrapport no. 21.}}
{{Lorem ipsum}}
{{clear}}




Regel 71: Regel 114:
Het concept van dit sjabloon is overgenomen van de Nederlandstalige Wikipedia, https://nl.wikipedia.org/wiki/Sjabloon:Dubbele_afbeelding
Het concept van dit sjabloon is overgenomen van de Nederlandstalige Wikipedia, https://nl.wikipedia.org/wiki/Sjabloon:Dubbele_afbeelding


Het is geen exacte kopie, voor deze wiki is de beschrijving en voorbeelden van het sjabloon aangepast.
Het is geen exacte kopie, voor deze wiki is het sjabloon aangepast zodat er drie afbeeldingen in één kader komen. Daarnaast zijn er nog andere aanpassingen aan het sjabloon gedaan.


[[Categorie:Sjablonen opmaak]]
[[Categorie:Sjablonen opmaak]]
</noinclude>
</noinclude>
Overgenomen van "https://wiki.woudagemaal.nl/w/index.php?title=Speciaal:MobielVerschillen/10701"