Sjabloon:NieuwsbriefAfbLinks-LeesMeer-kleur-v02: verschil tussen versies

Uit KeukenWiki
(Nieuwe pagina aangemaakt met '<noinclude>Dit sjabloon wordt gebruikt voor Nieuwsbrieven sjablonen. De afbeelding wordt links geplaatst en de tekst rechts. De...')
 
 
(4 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 27: Regel 27:
 
  * 1.0  
 
  * 1.0  
 
[[Categorie: Nieuwsbrief sjablonen]][[Categorie: Nieuwsbrief sjablonen 2022]][[Categorie:Opmaak sjablonen]]
 
[[Categorie: Nieuwsbrief sjablonen]][[Categorie: Nieuwsbrief sjablonen 2022]][[Categorie:Opmaak sjablonen]]
</noinclude><includeonly>{{#css: card-nieuwsbrief {background-color: rgb(235,235,235)} }}<div class="row row-fluid clearfix mb-4 border-0">
+
</noinclude><includeonly>{{#css:  
 +
.nieuwsbrief-background {background-color: rgb(235,235,235)}
 +
.nieuwsbrief-ondertitel {background-color: rgb(30,56,102); color: white; padding: 1em; }
 +
.nieuwsbrief-lees-meer {border: solid 1px rgb(256,100,27); color: rgb(30,56,102); padding: 1em; }
 +
.nieuwsbrief-lees-meer a {color: rgb(30,56,102);}
 +
 
 +
}}<div class="row row-fluid clearfix mb-4 border-1">
 
<div class="col-xs-12 col-md-12">
 
<div class="col-xs-12 col-md-12">
<div class="card card-nieuwsbrief border-0"><h2 class="card-title streep-kleur text-left pl-2">{{{nieuwsbrief-titel}}}</h2>
+
<div class="card nieuwsbrief-background border-0 mt-0"><h2 class="card-title streep-kleur text-left px-2 mb-0">{{{nieuwsbrief-titel}}}</h2>
 +
<span class="nieuwsbrief-ondertitel pl-2 ml-2 mt-0">Logo</span>
 
<div class="card-body">
 
<div class="card-body">
 
<div class="row">
 
<div class="row">
Regel 38: Regel 45:
 
<p>{{{nieuwsbrief-tekst}}}</p>
 
<p>{{{nieuwsbrief-tekst}}}</p>
 
<p class="text-muted font-italic">{{{nieuwsbrief-citaat}}}</p>
 
<p class="text-muted font-italic">{{{nieuwsbrief-citaat}}}</p>
<p class="text-muted text-right pt-4" target="_blank">[[{{{nieuwsbrief-link}}}|Lees meer ...]]<p>
+
<div class="d-flex justify-content-end pr-4" target="_blank"><div class="nieuwsbrief-lees-meer">[[{{{nieuwsbrief-link}}}|Lees meer ...]]</div></div>
 
</div><!-- eof col1 -->
 
</div><!-- eof col1 -->
 
</div><!-- eof row -->
 
</div><!-- eof row -->

Huidige versie van 28 apr 2022 om 16:15

Dit sjabloon wordt gebruikt voor 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.

Voorbeeld Sjabloon

Logo

{{{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.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Gebruik dit sjabloon als volgt:

{{NieuwsbriefAfbLinks-LeesMeer-kleur
|nieuwsbrief-titel=
|nieuwsbrief-link=
|nieuwsbrief-ondertitel=
|nieuwsbrief-tekst=
|nieuwsbrief-citaat=
|afbeelding=
|afbeelding-grootte=300px
|onderschrift-afbeelding=
}}
Ontwikkeld door Ilonka du Pree
Versie:
* 1.0