Sjabloon:Nieuwsbrief Header - kleur: verschil tussen versies

Versie van 29 apr 2022 08:15

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 3: / Regel 3: @@
 == Voorbeeld ==
-{{Nieuwsbrief Header
+{{Nieuwsbrief Header - kleur
 |maand=augustus 2021
 }}
@@ Regel 21: / Regel 21: @@
 <includeonly> {{#css:
 #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; }
 }}
-<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 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-4">