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...')
 
Regel 3: Regel 3:
  
 
== Voorbeeld ==
 
== Voorbeeld ==
{{Nieuwsbrief Header
+
{{Nieuwsbrief Header - kleur
 
|maand=augustus 2021
 
|maand=augustus 2021
 
}}
 
}}
Regel 21: Regel 21:
 
<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; }
 
}}
 
}}
<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">
 
<div class="row d-flex justify-content-between px-4">

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.

Voorbeeld[brontekst bewerken]


Gebruik dit sjabloon op de volgende manier:

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