Cierick Goos: Inhoud aangevuld

2024-02-15T20:15:10Z

Inhoud aangevuld

← Oudere versie		Versie van 15 feb 2024 22:15
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 {{{class\|}}}">
	\| ~~right~~ = <div class="thumb tright">		\| rechts = <div class="thumb tright {{{class\|}}}">
	\| ~~center\|centre~~ = <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: {{{3\|0}}} + {{{5\|0}}} + 8}}px;"> <!-- calculate width based on image widths +8px -->		}}<div class="thumbinner" style="width:{{#expr: {{{b.1\|0}}} + {{{b.2\|0}}} + 8}}px;"> <!-- calculate width based on image widths +8px -->
	{\| 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}}} + 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\|~~alt~~={{{8\|}}}\|{{{6\|}}}]] <!-- ~~image~~ 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:{{{4}}}\|{{{5}}}px~~\|alt={{{9\|}}}~~\|{{#if: {{{7\|}}}\|{{{7\|}}}\|{{{6\|}}}}}]] <!-- ~~image~~ 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="vertical-align:top;"		\|- style="vertical-align:top;"
	~~{{#if: {{{7\|}}} \| <!-- two captions if the seventh param (caption for title two) is specified -->~~		\| style="padding: 0; margin: 0; border: 0;" colspan="3" \| <div class="thumbcaption">{{{onderschrift\|}}}</div>
	~~{{!}} style="padding: 0; margin: 0; border: 0;" {{!}} <div class="thumbcaption">{{{6\|}}}</div>~~
	~~{{!}} style="padding: 0; margin: 0; border: 0;" {{!}}~~
	~~{{!}} style="padding: 0; margin: 0; border: 0;" {{!}} <div class="thumbcaption">{{{7\|}}}</div>~~
	\| ~~<!-- otherwise just have one caption underneath both images -->~~
	~~{{!}}~~ style="padding: 0; margin: 0; border: 0;" colspan="3" ~~{{!}}~~ <div class="thumbcaption">{{{6\|}}}</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>		\| center\|centre = </div></div>
	\| </div>		\| </div>
Regel 27:		Regel 21:
	Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin twee losse afbeeldingen naast elkaar te zien zijn.		Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin twee 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 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.

	~~Het sjabloon dient~~ als ~~volgt~~ te ~~worden gebruikt~~.

	:<code>~~<nowiki>{{Dubbele afbeelding\|left/center/right\|Linkerafbeelding\|Linkergrootte\|Rechterafbeelding\|Rechtergrootte\|Linkertekst\|Rechtertekst\|Linkertekst (alt)\|Rechtertekst (alt)}}</nowiki>~~</code>		'''Noot:''' Door <code>class=nomobile</code> toe te voegen wordt de gehele afbeeldingsbox weggelaten in de mobiele versie van de website.

	==Syntaxis==		==Syntaxis==
	<pre>{{Afbeelding dubbel		<pre>{{Afbeelding dubbel
	\|1=~~left~~/~~center~~/~~right~~ (default=~~right~~)		\|positie= links/rechts/gecentreerd (default=rechts)
	\|2=~~Linkerafbeelding~~		\|class= Opmaakprofiel (optioneel)
	\|3=~~Linkergrootte~~		\|afb.1= Eerste afbeelding
	\|4=~~Rechterafbeelding~~		\|link.1= Alternatieve link bij eerste afbeelding
	\|5=~~Rechtergrootte~~		\|tekst.1= Tooltip tekst bij eerste afbeelding
	\|6=~~Linkertekst~~		\|b.1= Breedte eerste afbeelding
	\|7=~~Rechtertekst (hou leeg om te combineren)~~		\|afb.2= Tweede afbeelding
	\|8=~~Linkertekst (alt)~~		\|link.2= Alternatieve link bij tweede afbeelding
	\|9=~~Rechtertekst (alt)~~		\|tekst.2= Tooltip tekst bij tweede afbeelding
			\|b.2= Breedte tweede afbeelding
			\|onderschrift= Onderschrift
	}}</pre>		}}</pre>

	==~~Voorbeeld~~==		==Voorbeelden==
	{{Afbeelding dubbel\|~~left~~\|1011-2 Zuiger L.D..png\|146\|1011 Zuiger L.D..png\|145\|„Zuiger L.D.”, tekening van de lagedruk zuiger.~~\|\|linker deel\|rechter deel~~}}		===Naast tekst, minimale parameters===
			<pre>
			{{Afbeelding dubbel
			\|positie=links
			\|afb.1=1011-2 Zuiger L.D..png
			\|b.1=146
			\|afb.2=1011 Zuiger L.D..png
			\|b.2=145
			\|onderschrift=„Zuiger L.D.”, tekening van de lagedruk zuiger.
			}}
			{{Lorem ipsum}}
	{{clear}}		{{clear}}
			</pre>

			{{Afbeelding dubbel
			\|positie=links
			\|afb.1=1011-2 Zuiger L.D..png
			\|b.1=146
			\|afb.2=1011 Zuiger L.D..png
			\|b.2=145
			\|onderschrift=„Zuiger L.D.”, tekening van de lagedruk zuiger.
			}}
			{{Lorem ipsum}}
			{{clear}}

			==Zie ook==
			* [[Sjabloon:Afbeelding drievoudig]], zet drie afbeeldingen naast elkaar in één afbeeldingbox

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

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

Cierick Goos: Nieuw sjabloon gemaakt

2024-02-14T20:08:05Z

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}}} + {{{5|0}}} + 8}}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|alt={{{8|}}}|{{{6|}}}]] 
| style="padding: 0; margin: 0; border: 0; width: 2px" |
| style="padding: auto; margin: 0;" class="thumbimage" | [[Bestand:{{{4}}}|{{{5}}}px|alt={{{9|}}}|{{#if: {{{7|}}}|{{{7|}}}|{{{6|}}}}}]] 
|- style="vertical-align:top;"
{{#if: {{{7|}}} | 
{{!}} style="padding: 0; margin: 0; border: 0;" {{!}} <div class="thumbcaption">{{{6|}}}</div>
{{!}} style="padding: 0; margin: 0; border: 0;" {{!}}
{{!}} style="padding: 0; margin: 0; border: 0;" {{!}} <div class="thumbcaption">{{{7|}}}</div>
| 
{{!}} style="padding: 0; margin: 0; border: 0;" colspan="3" {{!}} <div class="thumbcaption">{{{6|}}}</div>
}}
|}
</div>
{{#switch: {{{1|}}} 
| center|centre = </div></div>
| </div>
}}</includeonly><noinclude>
==Omschrijving==
Dit sjabloon zorgt ervoor dat er één afbeeldingbox ontstaat, waarin twee 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 dient als volgt te worden gebruikt.

:<code><nowiki>{{Dubbele afbeelding|left/center/right|Linkerafbeelding|Linkergrootte|Rechterafbeelding|Rechtergrootte|Linkertekst|Rechtertekst|Linkertekst (alt)|Rechtertekst (alt)}}</nowiki></code>

==Syntaxis==
<pre>{{Afbeelding dubbel
|1=left/center/right (default=right)
|2=Linkerafbeelding
|3=Linkergrootte
|4=Rechterafbeelding
|5=Rechtergrootte
|6=Linkertekst
|7=Rechtertekst (hou leeg om te combineren)
|8=Linkertekst (alt)
|9=Rechtertekst (alt)
}}</pre>

==Voorbeeld==
{{Afbeelding dubbel|left|1011-2 Zuiger L.D..png|146|1011 Zuiger L.D..png|145|„Zuiger L.D.”, tekening van de lagedruk zuiger.||linker deel|rechter deel}}
{{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>

Sjabloon:Afbeelding dubbel - Bewerkingsoverzicht

Cierick Goos: Inhoud aangevuld

Cierick Goos: Nieuw sjabloon gemaakt