Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies
Uit KeukenWiki
| (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- | + | <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="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&id=791da4e861 Meld je aan voor de nieuwsbrief]</div></div> |
| − | <div class="btn btn- | ||
</includeonly> | </includeonly> | ||
Huidige versie van 29 apr 2022 om 08:40
Dit sjabloon is ontwikkeld voor de header van de nieuwsbrieven van de keukenwiki. Klik hier voor meer Nieuwsbrieven sjablonen.
Voorbeeld[brontekst bewerken]
augustus 2021
Gebruik dit sjabloon op de volgende manier:
{{Nieuwsbrief Header - kleur
|maand=augustus 2021
}}
Ontwikkeld door Ilonka du Pree Versie: * 1.0
