Help:Zandbak: verschil tussen versies

Uit Wouda's Wiki
VisueelWikitekst
kGeen bewerkingssamenvatting
kGeen bewerkingssamenvatting
Regel 1: Regel 1:
{{Help/Navigatie}}


 
===Voorbeeld 2a===
[[Bestand:Doc.nr. 14408-64773 - Woudagemaal vanaf landpunt (16-05-2017).jpg|miniatuur|Woudagemaal vanaf de "zeezijde". RCE/14408-64773]]
Voor de het plaatsen van een afbeelding op een pagina is hiervoor een opdracht in de wikicode nodig. Deze opdracht heeft de volgende algemene vorm:
 
<code>&#x5b;[Bestand:''filename''.''extensie''|''opties''|''titel'']]</code>
 
Door het meegeven van opties kan de afbeelding gestyled worden.
 
 
__TOC__
<br clear=all>
==Afbeelding type: miniatuur==
Standaard willen we aan een afbeelding een onderschrift meegeven en controle hebben over hoe groot het plaatje op de pagina afgebeeld wordt. De afbeelding moet geschaald kunnen worden. Van de verschillende ''format'' opties is er één die dit heeft, dit is de miniatuur optie. Hiermee wordt de voor Wouda's Wiki standaard sysntax:
 
<code>&#x5b;[Bestand:''filename''.''extensie''|miniatuur|''opties''|''Onderschrift'']]</code>
 
==Horizontale uitlijning==
Er zijn vier mogelijkheden voor het horizontaal uitlijnen van een plaatje:
* '''Links''' (left): plaatje links uitgelijnd met tekst rechts ernaast.
* '''Rechts''' (right): plaatje rechts uitgelijnd met tekst links ernaast (default).
* '''Center''': plaatje in het midden zonder tekst ernaast
* geen (none): afbeelding links uitgelijnd zonder tekst ernaast.
 
===Voorbeeld links uitlijnen===
<pre>
[[Bestand:Doc.nr. 14408-64773 - Woudagemaal vanaf landpunt (16-05-2017).jpg|miniatuur|links|Woudagemaal vanaf de "zeezijde". RCE/14408-64773]]
Lorem ipsum ... arcu. {Alinea 1}
 
In enim ... laoreet. {Alinea 2}
 
Quisque rutrum. ... ipsum. {Alinea 3}
 
Nam quam ... libero. {Alinea 4}
</pre>
[[Bestand:Doc.nr. 14408-64773 - Woudagemaal vanaf landpunt (16-05-2017).jpg|miniatuur|links|Woudagemaal vanaf de "zeezijde". RCE/14408-64773]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
 
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
 
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
 
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.
<br clear=all>
==Afbeeldings grootte, schaling==
Upright, schaal factor tov standaard <code>upright=1.0</code> geeft de afbeelding weer in de standaard breedte.
 
===Voorbeeld afbeelding geschaald naar 200%===
<pre>
[[Bestand:Doc.nr. 14408-64771 - Interieur, stookketels (16-05-2017).jpg|miniatuur|center|upright=2|Stoomketels. RCE/14408-64771]]
</pre>
[[Bestand:Doc.nr. 14408-64771 - Interieur, stookketels (16-05-2017).jpg|miniatuur|center|upright=2|Stoomketels. RCE/14408-64771]]
 
 
==Vertikale uitlijning==
 
==Afbeeldingen naast elkaar==
===Voorbeeld 1===
* Upright=1,33
* Margin: 0,5em (rondom)
 
<div style="margin: auto; text-align: center;"><ul>
<li style="display: inline-block; margin: 0.5em;">[[Bestand:Doc.nr. 14408-64759 - Interieur, stoom condensator (16-05-2017).jpg|miniatuur|geen|upright=1.33|Condensatie inrichting]]</li>
<li style="display: inline-block; margin: 0.5em">[[Bestand:Doc.nr. 14408-64760 - Interieur, stoom condensator (16-05-2017).jpg|miniatuur|geen|upright=1.33|Condensatie inrichting]]</li>
</ul></div>
 
===Voorbeeld 2===
* x400px (beide afbeeldingen 400px hoog)
* x400px (beide afbeeldingen 400px hoog)
* Margin: 0,5em (rondom)
* Margin: 0,5em (rondom)
Regel 72: Regel 6:
* Vertical-align: top
* Vertical-align: top


<div style="margin: auto; text-align: center;"><ul>
<div style="margin: auto; text-align: center;"><ul style="margin: 0;><!--
<li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x400px|Interieur machinehal. Bron: RCE/14408-64754]]</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x400px|Interieur machinehal. Bron: RCE/14408-64754]]</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x400px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x400px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
</ul></div>
</ul></div>




===Voorbeeld 2===
===Voorbeeld 2b===
* x400px (beide afbeeldingen 400px hoog)
* x350px (beide afbeeldingen 400px hoog)
* Margin: 0,5em (rondom)
* Margin: 0,5em (rondom)
* text-align: center;
* text-align: center;
* Vertical-align: top
* Vertical-align: top


<div style="margin: auto; text-align: center;  column-gap: 64px;"><ul style="margin: 0;">
<div style="margin: auto; text-align: center;"><ul style="margin: 0;><!--
<li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x400px|Interieur machinehal. Bron: RCE/14408-64754]]</li>
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x350px|Interieur machinehal. Bron: RCE/14408-64754]]</li><!--
<li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x400px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x350px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
</ul></div>
</ul></div>




<div style="margin: auto; text-align: center;"><ul style="margin: 0;>
===Voorbeeld 2c===
<li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x390px|Interieur machinehal. Bron: RCE/14408-64754]]
* x400px (beide afbeeldingen 300px hoog)
</li><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x390px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
* Margin: 0,5em (rondom)
* text-align: center;
* Vertical-align: top
 
<div style="margin: auto; text-align: center;"><ul style="margin: 0;><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64754 - Interieur, machinehal (16-05-2017).jpg|miniatuur|geen|x300px|Interieur machinehal. Bron: RCE/14408-64754]]</li><!--
--><li style="display: inline-block; margin: 0.5em; vertical-align: top;">[[Bestand:Doc.nr. 14408-64768 - Interieur, detail stoommachine (16-05-2017).jpg|miniatuur|geen|x300px|Detail stoommachine. Bron: RCE/14408-64768]]</li>
</ul></div>
</ul></div>

Versie van 7 jan 2023 20:12

Voorbeeld 2a

  • x400px (beide afbeeldingen 400px hoog)
  • Margin: 0,5em (rondom)
  • text-align: center;
  • Vertical-align: top
  • Interieur machinehal. Bron: RCE/14408-64754
  • Detail stoommachine. Bron: RCE/14408-64768


Voorbeeld 2b

  • x350px (beide afbeeldingen 400px hoog)
  • Margin: 0,5em (rondom)
  • text-align: center;
  • Vertical-align: top
  • Interieur machinehal. Bron: RCE/14408-64754
  • Detail stoommachine. Bron: RCE/14408-64768


Voorbeeld 2c

  • x400px (beide afbeeldingen 300px hoog)
  • Margin: 0,5em (rondom)
  • text-align: center;
  • Vertical-align: top
  • Interieur machinehal. Bron: RCE/14408-64754
  • Detail stoommachine. Bron: RCE/14408-64768
Overgenomen van "https://wiki.woudagemaal.nl/w/index.php?title=Help:Zandbak&oldid=8428"