Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies

Uit KeukenWiki
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(4 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 17: Regel 17:
Versie:
Versie:
* 1.0
* 1.0
[[Categorie: Nieuwsbrief sjablonen]][[Categorie:Opmaak sjablonen]]
[[Categorie: Nieuwsbrief sjablonen]][[Categorie: Nieuwsbrief sjablonen 2022]][[Categorie:Opmaak sjablonen]]
</noinclude>
</noinclude>
<includeonly> {{#css:
<includeonly> {{#css:
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;}
#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; }
.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="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief03 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 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 mb-4">

<div class="blok-maand p-2 text-mute"><small>''{{{maand}}}''</small></div>
<div class="row d-flex justify-content-between px-4">
<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="text-mute"><small>''{{{maand}}}''</small></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>
</includeonly>

Huidige versie van 29 apr 2022 08:40

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

Voorbeeld


Gebruik dit sjabloon op de volgende manier:

{{Nieuwsbrief Header - kleur
|maand=augustus 2021
}}
Ontwikkeld door Ilonka du Pree
Versie:
* 1.0