Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies

Versie van 29 apr 2022 08:30

Dit sjabloon is ontwikkeld voor de header van de nieuwsbrieven van de keukenwiki. Klik hier voor meer Nieuwsbrieven sjablonen.

augustus 2021

Gebruik dit sjabloon op de volgende manier:

{{Nieuwsbrief Header - kleur
|maand=augustus 2021
}}

Ontwikkeld door Ilonka du Pree
Versie:
* 1.0

@@ Regel 23: / Regel 23: @@
 #overlay-nieuwsbrief-kleur {background-color: rgb(236,100,27); position: absolute; top: 320px; left: 0; width: 100%; height: 20%; z-index: 2;}
 .nieuwsbrief-header-kleur { top: 30px; color: white; letter-spacing: 0.6em; text-align: center; z-index: 3; }
+h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;}
+.btn-mailchimp {background-color: #1e3866; color: #fff;}
+.btn-mailchimp a.external.text {color: #fff;}
+.blok-maand {background-color: #1e3866; color: #fff;}
 }}
 <div id="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief02 d-flex justify-content-end">
 <div  id="overlay-nieuwsbrief-kleur" class="card-img-overlay"><h2 class="card-title nieuwsbrief-header-kleur m-auto text-uppercase font-weight-bold">Nieuwsbrief</h2></div></div>
+<div class="row d-flex justify-content-between px-3">
-<div class="row d-flex justify-content-between px-4">
+<div class="blok-maand p-2 text-mute"><small>''{{{maand}}}''</small></div>
-<div class="text-mute"><small>''{{{maand}}}''</small></div>
+<div class="btn btn-mailchimp">[https://keukenwiki.us1.list-manage.com/subscribe/post?u=f49cba2b203dfd81220e3b8e8&amp;id=791da4e861 Meld je aan voor de nieuwsbrief]</div></div>
-<div class="btn btn-outline-secondary ">[https://keukenwiki.us1.list-manage.com/subscribe/post?u=f49cba2b203dfd81220e3b8e8&amp;id=791da4e861 Meld je aan voor de nieuwsbrief]</div></div>
 </includeonly>