« Modèle:Hp-sliders » : différence entre les versions
De Guide de l'Installation Electrique
(update as PROD-EN - mistake in default form - moved a </div> that was misplaced, creating an incoherence with some related css, some grey appeared below sliders, if several sliders) |
(modified for migration to MW1.35) |
||
| Ligne 1 : | Ligne 1 : | ||
__NOEDITSECTION__<includeonly>{{#default_form:Hp-sliders}}<div class="hp-slider row"> | __NOEDITSECTION__<includeonly>{{#default_form:Hp-sliders}}<div class="hp-slider container-fluid p-0"> | ||
<div id="carousel-example-generic" class="carousel slide | <div class="row"> | ||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- | |||
-->{{#if: {{{title2|}}}| | -->{{#if: {{{title2|}}}| | ||
<ol class="carousel-indicators"> | <ol class="carousel-indicators"> | ||
| Ligne 10 : | Ligne 11 : | ||
<div class="carousel-inner"><!-- | <div class="carousel-inner"><!-- | ||
-------------------------------- slider 1 ---------------------------> | -------------------------------- slider 1 ---------------------------> | ||
<div class="item active">[[file:{{{image|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item active" data-interval="10000">[[file:{{{image|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title}}}</h4> | <h4>{{{title}}}</h4> | ||
| Ligne 19 : | Ligne 20 : | ||
-------------------------------- slider 2 ------------------------- | -------------------------------- slider 2 ------------------------- | ||
-->{{#if: {{{title2|}}}| | -->{{#if: {{{title2|}}}| | ||
<div class="item">[[file:{{{image2|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item" data-interval="10000">[[file:{{{image2|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title2}}}</h4> | <h4>{{{title2}}}</h4> | ||
| Ligne 29 : | Ligne 30 : | ||
-------------------------------- slider 3 ------------------------- | -------------------------------- slider 3 ------------------------- | ||
-->{{#if: {{{title3|}}}| | -->{{#if: {{{title3|}}}| | ||
<div class="item">[[file:{{{image3|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item" data-interval="10000">[[file:{{{image3|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title3}}}</h4> | <h4>{{{title3}}}</h4> | ||
| Ligne 39 : | Ligne 40 : | ||
</div> | </div> | ||
<!--------------------- carousel control arrows, only add if there is at least 2 sliders --------------------------->{{#if: {{{title2|}}}| | <!--------------------- carousel control arrows, only add if there is at least 2 sliders --------------------------->{{#if: {{{title2|}}}| | ||
<span class=" | <span class="carousel-control-prev" data-target="#carousel-example-generic" role="button" data-slide="prev"> | ||
<span class=" | <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Previous</span> | <span class="sr-only">Previous</span> | ||
</span> | </span> | ||
<span class=" | <span class="carousel-control-next" data-target="#carousel-example-generic" role="button" data-slide="next"> | ||
<span class=" | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Next</span> | <span class="sr-only">Next</span> | ||
</span>}} | </span>}} | ||
<!--------------------------------------------------------------------------> | <!--------------------------------------------------------------------------> | ||
</div> | |||
</div> | </div> | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
Version du 30 juin 2022 à 15:47
This is the "Hp-sliders" template, used as a model to create/modify Homepage "sliders".
To modify Homepage "sliders", go to the dedicated form page
Alternatively, you can call this template in the following format:
{{Hp-sliders
|title=
|image=
|text=
|btn-text=
|link=
|title2=
|image2=
|text2=
|btn-text2=
|link2=
|title3=
|image3=
|text3=
|btn-text3=
|link3=
}}
