Modèle:Slideshow : Différence entre versions

[version vérifiée][version vérifiée]
Ligne 4 : Ligne 4 :
 
{{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<div class="slide" style="font-size:90%; padding-left:10px" alt="Slide {{#var:numeroSlide}}">{{{Slide{{#var:numeroSlide}}}}}</div>}}</div>
 
{{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<div class="slide" style="font-size:90%; padding-left:10px" alt="Slide {{#var:numeroSlide}}">{{{Slide{{#var:numeroSlide}}}}}</div>}}</div>
 
<div class="slider-nav"><!-- "Précédent" et "Suivant" -->
 
<div class="slider-nav"><!-- "Précédent" et "Suivant" -->
<div class="slider-next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:10px; padding-right:10px; float:right; cursor:pointer"><center>'''Suivant''' >
+
<a class="next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:10px; padding-right:10px; float:right; cursor:pointer"><center>'''Suivant''' >
 
</center></div>
 
</center></div>
<div class="slider-previous" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:5px; padding-right:5px; float:left; cursor:pointer"><center>< '''Précedent'''
+
<a class="prev" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; {{Rounder|All|5px}}; padding-left:5px; padding-right:5px; float:left; cursor:pointer"><center>< '''Précedent'''
 
</center></div></div></div>
 
</center></div></div></div>
  
 +
<div style="text-align:center">
 +
{{#loop: numeroSlide | 1 | {{{TotaleSlide|1}}} |<span class="dot"></span>}}
 +
</div>
  
 
<noinclude>
 
<noinclude>
 
[[Category:Template|{{PAGENAME}}]]
 
[[Category:Template|{{PAGENAME}}]]
 
</noinclude>
 
</noinclude>

Version du 24 janvier 2019 à 23:20

{{{Slide1}}}

<a class="next" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-top-right:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottom-left:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottom-right:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;

padding-left
10px; padding-right:10px; float:right; cursor:pointer">
Suivant >

<a class="prev" style="border:1px solid #FF0202; background: #050404; color:#FFFFFF; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-top-right:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottom-left:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottom-right:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;

padding-left
5px; padding-right:5px; float:left; cursor:pointer">
< Précedent