Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies
Uit KeukenWiki
(Nieuwe pagina aangemaakt met '<noinclude> Dit sjabloon is ontwikkeld voor de header van de nieuwsbrieven van de keukenwiki. Klik hier voor meer :categorie:Nieuwsbrief sjablonen|Nieuwsbrieven s...') |
|||
(5 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
Regel 3: | Regel 3: | ||
== Voorbeeld == | == Voorbeeld == | ||
− | {{Nieuwsbrief Header | + | {{Nieuwsbrief Header - kleur |
|maand=augustus 2021 | |maand=augustus 2021 | ||
}} | }} | ||
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: | ||
#showcase-nieuwsbrief-kleur {min-height: 400px; position: relative;} | #showcase-nieuwsbrief-kleur {min-height: 400px; position: relative;} | ||
− | #overlay-nieuwsbrief-kleur {position: absolute; top: | + | #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 { 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 class="row d-flex justify-content-between px-4"> | + | <div id="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief03 d-flex justify-content-end"> |
− | <div class="text-mute"><small>''{{{maand}}}''</small></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="btn btn- | + | <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="btn btn-mailchimp">[https://keukenwiki.us1.list-manage.com/subscribe/post?u=f49cba2b203dfd81220e3b8e8&id=791da4e861 Meld je aan voor de nieuwsbrief]</div></div> | ||
</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