Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies

Uit KeukenWiki
Interactief door geschiedenis bladeren
Verwijderde inhoud Toegevoegde inhoud
VisueelWikitekst
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...'
 
Geen bewerkingssamenvatting
 
(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: 60px; left: 0; width: 100%; height: 50%; 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 { 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="row d-flex justify-content-center align-items-center banner-Nieuwsbrief02 mb-4">
⚫
<div id="overlay-nieuwsbrief-kleur"></div><h2 class="nieuwsbrief-header-kleur card-title text-uppercase">Nieuwsbrief</h2></div>


<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 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="text-mute"><small>''{{{maand}}}''</small></div>
<div class="row d-flex justify-content-between px-3 mb-4">
⚫
<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>
⚫
<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&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

augustus 2021
Meld je aan voor de nieuwsbrief


Gebruik dit sjabloon op de volgende manier: 

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

Ontwikkeld door Ilonka du Pree
Versie:
* 1.0


Overgenomen van "https://keukenwiki.nl/w/index.php?title=Sjabloon:Nieuwsbrief_Header_-_kleur&oldid=69793"