Sjabloon: Crop: verschil tussen versies

Huidige versie van 29 mei 2019 om 14:00

Het sjabloon Crop helpt bij het flexibel bijsnijden (afsnijden of cropping) van afbeeldingen via standaard CSS.

Versie 0.1 - Met behulp van Widget:Style-1 (Extensie:CSS niet nodig)
Versie 0.2 - Op basis van Extensie:CSS

bron: MediaWiki Gids
Auteur: B. Mulckhuijse

{{crop
|vlgnr=1
|bestand=Community02.png
|breedte=150px
|hoogte=300px
|schaal= 400px
|van_boven=100px
|van_links=50px
}}

{{crop
|vlgnr=2
|bestand=Community02.png
|breedte=150px
|hoogte=300px
|schaal= 400px
|van_boven=20%
|van_links=20%
}}

@@ Regel 1: / Regel 1: @@
-<noinclude><pre>
+<noinclude>Het sjabloon '''{{PAGENAME}}''' helpt bij het flexibel ''bijsnijden'' (''afsnijden'' of ''cropping'') van afbeeldingen via standaard CSS.
+*Versie 0.1 - Met behulp van [[Widget:Style-1]] (Extensie:CSS niet nodig)
+*Versie 0.2 - Op basis van [https://www.mediawiki.org/wiki/Extension:CSS Extensie:CSS]
+bron: [http://gids.wikiwerkers.nl/w/index.php?title=Sjabloon:Crop MediaWiki Gids]<br/>
+Auteur: [[User:Bmulckhu|B. Mulckhuijse]]
+<pre>
 {{crop
-|vlgnr=2
+|vlgnr=1
 |bestand=Community02.png
 |breedte=150px
@@ Regel 8: / Regel 15: @@
 |van_boven=100px
 |van_links=50px
+}}
+{{crop
+|vlgnr=2
+|bestand=Community02.png
+|breedte=150px
+|hoogte=300px
+|schaal= 400px
+|van_boven=20%
+|van_links=20%
 }}
 </pre></noinclude><includeonly>
-{{#widget:Style-1|
+{{#widget:Style-1|css=
 .crop-{{{vlgnr|}}} {
      width: {{{breedte|}}};
@@ Regel 17: / Regel 34: @@
 }
-.crop-2 img {
+.crop-{{{vlgnr|}}} img {
      margin: -{{{van_boven|}}} 0 0 -{{{van_links|}}}; /* afsnijden van boven, afsnijden van links */
 }
-}}
+}}<div class="crop-{{{vlgnr|}}}">[[bestand:{{{bestand|}}}{{!}}{{{schaal|}}}]]</div></includeonly>
-[[bestand:{{{bestand|}}}|{{{schaal|}}}]]</includeonly>