Template:Hp-sliders: Difference between revisions
From Electrical Installation Guide
(correction as tested in PPR-EN - 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) |
||
| Line 1: | Line 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"> | ||
| Line 10: | Line 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> | ||
| Line 19: | Line 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> | ||
| Line 29: | Line 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> | ||
| Line 39: | Line 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> | ||
Revision as of 09:10, 22 June 2022
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=
}}
