Sjabloon:NieuwsbriefAfbLinks: verschil tussen versies

Uit KeukenWiki
Regel 1: Regel 1:
<noinclude>Dit sjabloon wordt gebruikt voor [[:categorie:Nieuwsbrief sjablonen|Nieuwsbrieven sjablonen]]. De afbeelding wordt links geplaatst en de tekst rechts. De verschillende onderdelen kunnen worden ingevuld. Wordt er niets ingevuld dan wordt er ook niets getoond. Bijvoorbeeld bij onderschrift-fbeelding is er niets ingevuld en da en dan wordt er ook niets getoond.
+
<noinclude>Dit sjabloon wordt gebruikt voor [[:categorie:Nieuwsbrief sjablonen|Nieuwsbrieven sjablonen]]. De afbeelding wordt rechts geplaatst en de tekst links. De verschillende onderdelen kunnen worden ingevuld. Wordt er niets ingevuld dan wordt er ook niets getoond. Bijvoorbeeld bij onderschrift-fbeelding is er niets ingevuld en da en dan wordt er ook niets getoond.
  
{{Nieuwsbrief-subondw
+
{{NieuwsbriefAfbLinks
 
|nieuwsbrief-titel=Voorbeeld Sjabloon
 
|nieuwsbrief-titel=Voorbeeld Sjabloon
|onderwerp1=Onderwerp 1
+
|nieuwsbrief-tekst=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
|nieuwsbrief-tekst1=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
|nieuwsbrief-citaat=
|nieuwsbrief-citaat1=Lorem ipsum
+
|afbeelding=Slimme Keukenapparatuur.jpg
|afbeelding1=Slimme Keukenapparatuur.jpg
+
|afbeelding-grootte=200px
|afbeelding-grootte1=300px
+
|onderschrift-afbeelding=Lorem Ipsum
|onderschrift-afbeelding1=onderschrift-afbeelding
 
|onderwerp2=Onderwerp 2
 
|nieuwsbrief-tekst2=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
|nieuwsbrief-citaat2=Lorem ipsum
 
|afbeelding2=Slimme Keukenapparatuur.jpg
 
|afbeelding-grootte2=300px
 
|onderschrift-afbeelding2=onderschrift-afbeelding2
 
 
}}
 
}}
  
 
Gebruik dit sjabloon als volgt:
 
Gebruik dit sjabloon als volgt:
<pre><nowiki>{{Nieuwsbrief-subondw
+
<pre><nowiki>{{NieuwsbriefAfbLinks
 
|nieuwsbrief-titel=
 
|nieuwsbrief-titel=
|onderwerp1=
+
|nieuwsbrief-ondertitel=
|nieuwsbrief-tekst1=
+
|nieuwsbrief-tekst=
|nieuwsbrief-citaat1=
+
|nieuwsbrief-citaat=
|afbeelding1=
+
|afbeelding=Img360.tmp.jpg
|afbeelding-grootte1=300px
+
|afbeelding-grootte=200px
|onderschrift-afbeelding1=
+
|onderschrift-afbeelding=onderschrift-afbeelding
|onderwerp2=
+
}}
|nieuwsbrief-tekst2=
+
</nowiki></pre>
|nieuwsbrief-citaat2=
+
 
|afbeelding2=
+
</nowiki></pre>
|afbeelding-grootte2=300px
 
|onderschrift-afbeelding2=
 
}}</nowiki></pre>
 
  
 
  Ontwikkeld door Ilonka du Pree
 
  Ontwikkeld door Ilonka du Pree
Regel 43: Regel 33:
 
<div class="card-body">
 
<div class="card-body">
 
<div class="row">
 
<div class="row">
<div class="col-xs-12 col-md-4 text-center p-4">[[Bestand: {{{afbeelding1}}}|class=img-responsive|{{{afbeelding-grootte1}}}|link={{{link-afbeelding1}}}|{{{bron-afbeelding1}}}]]
+
<div class="col-xs-12 col-md-4 text-center order-1 order-md-2 mb-2 p-4">[[Bestand: {{{afbeelding}}}|class=img-responsive|{{{afbeelding-grootte}}}|link={{{link-afbeelding}}}|{{{bron-afbeelding}}}]]
<p class="text-muted text-left pl-2"><small>{{{onderschrift-afbeelding1}}}</small></p>
+
<p class="text-muted"><small>{{{onderschrift-afbeelding}}}</small></p>
</div><!-- eof col1 -->
 
<div class="col-xs-12 col-md-8 p-2">
 
<h3 class="card-title">{{{onderwerp1}}}</h3>
 
<p>{{{nieuwsbrief-tekst1}}}</p>
 
<p class="text-muted font-italic">{{{nieuwsbrief-citaat1}}}</p>
 
<p class="text-muted text-right small pt-4"><p>
 
 
</div><!-- eof col1 -->
 
</div><!-- eof col1 -->
</div><!-- eof row -->
+
<div class="col-xs-12 col-md-8 p-2 order-2 order-md-1">
<div class="row">
+
<p>{{{nieuwsbrief-tekst}}}</p>
<div class="col-xs-12 col-md-8 p-2">
+
<p class="text-muted font-italic">{{{nieuwsbrief-citaat}}}</p>
<h3 class="card-title">{{{onderwerp2}}}</h3>
 
<p>{{{nieuwsbrief-tekst2}}}</p>
 
<p class="text-muted font-italic">{{{nieuwsbrief-citaat2}}}</p>
 
 
<p class="text-muted text-right small pt-4"><p>
 
<p class="text-muted text-right small pt-4"><p>
</div><!-- eof col1 -->
 
<div class="col-xs-12 col-md-4 text-center p-4">[[Bestand: {{{afbeelding2}}}|class=img-responsive|{{{afbeelding-grootte2}}}|link={{{link-afbeelding2}}}|{{{bron-afbeelding2}}}]]
 
<p class="text-muted text-left pl-2"><small>{{{onderschrift-afbeelding2}}}</small></p>
 
 
</div><!-- eof col1 -->
 
</div><!-- eof col1 -->
 
</div><!-- eof row -->
 
</div><!-- eof row -->

Versie van 12 nov 2021 10:45

Dit sjabloon wordt gebruikt voor Nieuwsbrieven sjablonen. De afbeelding wordt rechts geplaatst en de tekst links. De verschillende onderdelen kunnen worden ingevuld. Wordt er niets ingevuld dan wordt er ook niets getoond. Bijvoorbeeld bij onderschrift-fbeelding is er niets ingevuld en da en dan wordt er ook niets getoond.

Voorbeeld Sjabloon

{{{bron-afbeelding}}}

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Gebruik dit sjabloon als volgt:

{{NieuwsbriefAfbLinks
|nieuwsbrief-titel=
|nieuwsbrief-ondertitel=
|nieuwsbrief-tekst=
|nieuwsbrief-citaat=
|afbeelding=Img360.tmp.jpg
|afbeelding-grootte=200px
|onderschrift-afbeelding=onderschrift-afbeelding
}}

</nowiki>

Ontwikkeld door Ilonka du Pree
Versie:
* 1.0