http://wikifiction.fr/index.php?action=history&feed=atom&title=Mod%C3%A8le%3ACSSB%C3%A9lier 2026-06-16T20:37:14Z Historique des versions pour cette page sur le wiki MediaWiki 1.42.3 http://wikifiction.fr/index.php?title=Mod%C3%A8le:CSSB%C3%A9lier&diff=9296&oldid=prev 2025-09-19T17:53:10Z

<p>1 version importée</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="fr"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version du 19 septembre 2025 à 17:53</td> </tr><tr><td colspan="2" class="diff-notice" lang="fr"><div class="mw-diff-empty">(Aucune différence)</div> </td></tr></table>

Admin http://wikifiction.fr/index.php?title=Mod%C3%A8le:CSSB%C3%A9lier&diff=9295&oldid=prev 2025-05-26T11:18:46Z

<p></p> <p><b>Nouvelle page</b></p><div>&lt;html&gt;<br /> &lt;style type=&#039;text/css&#039;&gt;<br /> *{box-sizing: border-box }<br /> <br /> img{<br /> <br /> max-width:100%<br /> <br /> }<br /> <br /> <br /> .slideshow{<br /> <br /> border: 0px solid white;<br /> box-shadow: 0 0 0px hsla(0,0%,0%,.5);<br /> overflow: hidden;<br /> max-width: 1042px;<br /> max-height: 734px;<br /> margin: 2rem auto;<br /> position: relative<br /> <br /> }<br /> <br /> .slideshow ul{<br /> <br /> padding-bottom: 66.67%;/* ratio pour le responsive */<br /> margin: 0;<br /> list-style-type: none;<br /> position: relative<br /> <br /> }<br /> <br /> <br /> .slideshow li{<br /> <br /> top: 0;<br /> left: 0;<br /> animation: slideshow 240s ease infinite;<br /> position: absolute;<br /> opacity: 0;<br /> <br /> }<br /> <br /> .slideshow li:nth-child(1){<br /> <br /> animation-delay: 0s<br /> <br /> } <br /> <br /> .slideshow li:nth-child(2){<br /> <br /> animation-delay: 20s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(3){<br /> <br /> animation-delay: 40s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(4){<br /> <br /> animation-delay: 60s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(5){<br /> <br /> animation-delay: 80s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(6){<br /> <br /> animation-delay: 100s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(7){<br /> <br /> animation-delay: 120s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(8){<br /> <br /> animation-delay: 120s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(9){<br /> <br /> animation-delay: 140s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(10){<br /> <br /> animation-delay: 160s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(11){<br /> <br /> animation-delay: 180s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(12){<br /> <br /> animation-delay: 200s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(13){<br /> <br /> animation-delay: 220s<br /> <br /> }<br /> <br /> .slideshow li:nth-child(14){<br /> <br /> animation-delay: 240s<br /> <br /> }<br /> <br /> @keyframes slideshow{<br /> <br /> 0%{opacity: 0}<br /> <br /> 10%{opacity: 1}<br /> <br /> 20%{opacity: 1}<br /> <br /> 25%{opacity: 0}<br /> <br /> 100%{opacity: 0}<br /> <br /> } <br /> <br /> <br /> .slideshow span{<br /> <br /> background: rgba(0,0,0,0.7);<br /> height: 40px;<br /> align-items: center;<br /> justify-content: center;<br /> display: flex;<br /> color: white;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> left: 0<br /> <br /> }<br /> <br /> /*****barre progression *****/<br /> .barre_progression{ <br /> <br /> position: absolute;<br /> left: 0;<br /> bottom: 40px;<br /> height: 5px;<br /> background: white;<br /> animation: barre_progression 25s ease-out infinite;<br /> <br /> }<br /> <br /> /*****animation barre progression *****/ <br /> @keyframes barre_progression{<br /> <br /> 0%,20%,40%,60%,80%,100%{width: 0%;opacity: 0}<br /> <br /> 4%,24%,44%,64%,84%{width: 0%;opacity: .3}<br /> <br /> 16%,36%,56%,76%,96%{width: 100%;opacity: .7}<br /> <br /> 17%,37%,57%,77%,97%{width: 100%;opacity: .3}<br /> <br /> 18%,38%,58%,78%,98%{width: 100%;opacity: 0}<br /> <br /> }<br /> &lt;/style&gt;<br /> &lt;/html&gt;</div>

w>Admin