Sjabloon:Afbeelding drievoudig - Bewerkingsoverzicht

Cierick Goos: Inhoud aangevuld

2024-02-15T18:36:22Z

Inhoud aangevuld

← Oudere versie		Versie van 15 feb 2024 20:36
Regel 5:		Regel 5:
	\| #default = <div class="thumb tright {{{class\|}}}">		\| #default = <div class="thumb tright {{{class\|}}}">
	}}<div class="thumbinner" style="width:{{#expr: {{{b.1\|0}}} + {{{b.2\|0}}} + {{{b.3\|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: {{{b.1\|0}}} + {{{b.2\|0}}} + {{{b.3\|0}}} + 4}}px;" cellspacing="0"
	\|- style="vertical-align:{{{valign\|middle}}};"		\|- style="vertical-align:{{{valign\|middle}}};"
	\| 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: auto; margin: 0;" class="thumbimage" \| [[Bestand:{{{afb.1}}}\|{{{b.1}}}px\|{{#if:{{{link.1\|}}}\|link={{{link.1\|}}}\|-}}\|{{{tekst.1\|}}}]] <!-- afb. 1 -->

Cierick Goos: Inhoud aangevuld

2024-02-15T18:31:04Z

Inhoud aangevuld

← Oudere versie		Versie van 15 feb 2024 20:31
Regel 115:		Regel 115:
	===Gecentreerd, uitgebreide parameters===		===Gecentreerd, uitgebreide parameters===
	<pre>		<pre>
	~~{{Afbeelding drievoudig~~
	\|positie=gecentreerd		\|positie=gecentreerd
	\|afb.1=781-15L Paalfundeering.png		\|afb.1=781-15L Paalfundeering.png
	\|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png		\|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png
	\|tekst.1=Blad 15: Paalfundeering, linker deel		\|tekst.1=Blad 15: Paalfundeering, linker deel
	\|b.1=~~141~~		\|b.1=142
	\|afb.2=781-15M Paalfundeering.png		\|afb.2=781-15M Paalfundeering.png
	\|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png		\|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png
Regel 137:		Regel 136:
	\|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png		\|link.1=https://wiki.woudagemaal.nl/w/images/b/bb/781-15L_Paalfundeering.png
	\|tekst.1=Blad 15: Paalfundeering, linker deel		\|tekst.1=Blad 15: Paalfundeering, linker deel
	\|b.1=~~141~~		\|b.1=142
	\|afb.2=781-15M Paalfundeering.png		\|afb.2=781-15M Paalfundeering.png
	\|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png		\|link.2=https://wiki.woudagemaal.nl/w/images/b/be/781-15M_Paalfundeering.png

Cierick Goos: Inhoud aangevuld

2024-02-15T18:24:54Z

Inhoud aangevuld

@@ Regel 112: / Regel 112: @@
 {{Lorem ipsum}}
 {{clear}}
 ==Bronnen==
 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 het sjabloon aangepast zodat er drie afbeeldingen in één kader komen. Daarnaast zijn er nog andere aanpassingen aan het sjabloon gedaan.
+Het is geen exacte kopie, voor deze wiki is het sjabloon aangepast zodat er drie (i.p.v. twee) afbeeldingen in één kader komen. Daarnaast zijn er nog andere aanpassingen aan het sjabloon gedaan.
 [[Categorie:Sjablonen opmaak]]
 </noinclude>

Cierick Goos: inhoud aangepast

2024-02-15T16:39:17Z

inhoud aangepast

← Oudere versie		Versie van 15 feb 2024 18:39
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 (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~~.		Het sjabloon plaatst de afbeeldingen (en het onderschrift) in een tabel, dit is eigenlijk niet correct gebruik van een tabel. Het geeft echter wel een redelijk goed resultaat en wordt op Wikipedia veelvuldig gebruikt. In de desktop versie van de website is het resultaat goed, ook als de afbeeldingen naast de tekst staan. In de mobiele versie van de website is het resultaat minder goed. De abeeldingen blijven wel keurig naast elkar stan maar als er tekst naast de afbeelding staat kan deze leleijk klem komen te zitten in de schaarse ruimte naast de afbeelding. Bovendien zit er nog maar heel weinig witruimte tussen het kader afbeeldingskader en de tekst.

			'''Noot:''' Door <code>class=nomobile</code> toe te voegen wordt de gehele afbeeldingsbox weggelaten in de mobiele versie van de website.

	==Syntaxis==		==Syntaxis==
Regel 45:		Regel 47:

	==Voorbeelden==		==Voorbeelden==
	===~~Oude template~~===		===Naast tekst, minimale parameters===
	{{~~Weekrapporten Bestek 6/Drie afbeeldingen in een kader~~		<pre>
	\| afb.1=Weekrapport No. 21.1..jpg		{{Afbeelding drievoudig
	\| afb.2=Weekrapport No. 21.2..jpg		\|afb.1=Weekrapport No. 21.1..jpg
	\| afb.3=Weekrapport No. 21.3..jpg		\|b.1=94
	\| onderschrift=Weekrapport no. 21.}}		\|afb.2=Weekrapport No. 21.2..jpg
			\|b.2=188
			\|afb.3=Weekrapport No. 21.3..jpg
			\|b.3=94
			\|onderschrift=Weekrapport no. 21.}}
	{{Lorem ipsum}}		{{Lorem ipsum}}
	{{clear}}		{{clear}}
			</pre>

	~~===Dit template===~~
	{{Afbeelding drievoudig		{{Afbeelding drievoudig
	~~\|positie=rechts~~
	\|afb.1=Weekrapport No. 21.1..jpg		\|afb.1=Weekrapport No. 21.1..jpg
	\|b.1=94		\|b.1=94
	~~\|tekst.1=Voorblad~~
	~~\|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg~~
	\|afb.2=Weekrapport No. 21.2..jpg		\|afb.2=Weekrapport No. 21.2..jpg
	\|b.2=188		\|b.2=188
	~~\|tekst.2=Middenblad (dubbel)~~
	\|afb.3=Weekrapport No. 21.3..jpg		\|afb.3=Weekrapport No. 21.3..jpg
	\|b.3=94		\|b.3=94
	~~\|tekst.3=Achterblad~~
	\|onderschrift=Weekrapport no. 21.}}		\|onderschrift=Weekrapport no. 21.}}
	{{Lorem ipsum}}		{{Lorem ipsum}}
	{{clear}}		{{clear}}

	===~~Dit template~~===		===Naast tekst, uitgebreide parameters inclusief class=nomobile===
	<pre>		<pre>
	{{Afbeelding drievoudig		{{Afbeelding drievoudig
Regel 111:		Regel 112:
	{{Lorem ipsum}}		{{Lorem ipsum}}
	{{clear}}		{{clear}}



	==Bronnen==		==Bronnen==

Cierick Goos: inhoud aangepast

2024-02-15T16:18:36Z

inhoud aangepast

← Oudere versie		Versie van 15 feb 2024 18:18
Regel 1:		Regel 1:
	<includeonly>{{#switch: {{{positie\|}}} <!-- 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 -->
	\| links = <div class="thumb tleft">		\| links = <div class="thumb tleft {{{class\|}}}">
	\| rechts = <div class="thumb tright">		\| rechts = <div class="thumb tright {{{class\|}}}">
	\| gecentreerd = <div class="center"><div class="thumb tnone">		\| gecentreerd = <div class="center"><div class="thumb tnone {{{class\|}}}">
	\| #default = <div class="thumb tright">		\| #default = <div class="thumb tright {{{class\|}}}">
	}}<div class="thumbinner" style="width:{{#expr: {{{b.1\|0}}} + {{{b.2\|0}}} + {{{b.3\|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"
Regel 28:		Regel 28:
	<pre>{{Afbeelding drievoudig		<pre>{{Afbeelding drievoudig
	\|positie= links/rechts/gecentreerd (default=rechts)		\|positie= links/rechts/gecentreerd (default=rechts)
			\|class= Opmaakprofiel (optioneel)
	\|afb.1= Eerste afbeelding		\|afb.1= Eerste afbeelding
	\|link.1= Alternatieve link bij eerste afbeelding		\|link.1= Alternatieve link bij eerste afbeelding
Regel 74:		Regel 75:
	{{Afbeelding drievoudig		{{Afbeelding drievoudig
	\|positie=links		\|positie=links
			\|class=nomobile
	\|afb.1=Weekrapport No. 21.1..jpg		\|afb.1=Weekrapport No. 21.1..jpg
	\|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg		\|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg
Regel 93:		Regel 95:
	{{Afbeelding drievoudig		{{Afbeelding drievoudig
	\|positie=links		\|positie=links
			\|class=nomobile
	\|afb.1=Weekrapport No. 21.1..jpg		\|afb.1=Weekrapport No. 21.1..jpg
	\|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg		\|link.1=https://wiki.woudagemaal.nl/w/images/c/c4/Weekrapport_No._21.1..jpg

Cierick Goos: inhoud aangepast

2024-02-15T15:38:47Z

inhoud aangepast

Wijzigingen bekijken

Cierick Goos: Nieuw sjabloon gemaakt

2024-02-15T13:17:58Z

Nieuw sjabloon gemaakt

Nieuwe pagina

<includeonly>{{#switch: {{{1|}}} 
| left = <div class="thumb tleft">
| right = <div class="thumb tright">
| center|centre = <div class="center"><div class="thumb tnone">
| #default = <div class="thumb tright">
}}<div class="thumbinner" style="width:{{#expr: {{{3|0}}} + {{{7|0}}} + {{{11|0}}} + 10}}px;"> 
{| 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="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{2}}}|{{{3}}}px|Link={{{4|}}}|alt={{{5|}}}|{{{14|}}}]] 
| 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|}}}]] 
| 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|}}}]] 
|- style="vertical-align:top;"
| style="padding: 0; margin: 0; border: 0;" colspan="5" | <div class="thumbcaption">{{{14|}}}</div>
|}
</div>
{{#switch: {{{1|}}} 
| center|centre = </div></div>
| </div>
}}</includeonly><noinclude>
==Omschrijving==
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.

==Syntaxis==
<pre>{{Afbeelding drievoudig
|1=left/center/right (default=right)
|2=Eerste afbeelding
|3=Breedte eerste afbeelding
|4=Link=
|5=Alt-tekst eerste afbeelding
|6=Tweede afbeelding
|7=Breedte tweede afbeelding
|8=Link=
|9=Alt-tekst tweede afbeelding
|10=Derde afbeelding
|11=Breedte derde afbeelding
|12=Link=
|13=Alt-tekst derde afbeelding
|14=Onderschrift
}}</pre>

==Voorbeelden==
===Oude template===
{{Weekrapporten Bestek 6/Drie afbeeldingen in een kader
| afb.1=Weekrapport No. 21.1..jpg
| afb.2=Weekrapport No. 21.2..jpg
| afb.3=Weekrapport No. 21.3..jpg
| onderschrift=Weekrapport no. 21.}}
{{clear}}

===Dit template===
{{Afbeelding drievoudig
|1=right
|2=Weekrapport No. 21.1..jpg
|3=94
|5=Voorblad
|6=Weekrapport No. 21.2..jpg
|7=188
|9=Middenblad (dubbel)
|10=Weekrapport No. 21.3..jpg
|11=94
|13=Achterblad
|14=Weekrapport no. 21.}}
{{clear}}

==Bronnen==
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.

[[Categorie:Sjablonen opmaak]]
</noinclude>