De Scratch Wiki en Français

m
m
 
Ligne 1 : Ligne 1 :
<html> <style>.slideshow{width: 100%;display: inline-table;padding-bottom: 20px;}.slideshow .mySlides{display: none; display: block;}.slideshow img{vertical-align: middle; width: 100%;}/* Slideshow container */ .slideshow .slideshow-container{width: auto; position: relative; margin: auto; overflow: hidden;}/* Next & previous buttons */ .slideshow .prev, .slideshow .next{cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; background-color: #00000020; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}/* Position the "next button" to the right */ .slideshow .next{right: 0; border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */ .slideshow .prev:hover, .slideshow .next:hover{background-color: rgba(0, 0, 0, 0.8);}/* Caption text */ .slideshow .text{color: #f2f2f2; background-color: #00000050; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}/* Number text (1/3 etc) */ .slideshow .numbertext{color: #f2f2f2; background-color: #00000050; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}/* The dots/bullets/indicators */ .slideshow .dot{cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}.slideshow .active, .slideshow .dot:hover{background-color: #717171;}/* Fading animation */ .slideshow .fade{-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}@-webkit-keyframes fade{from{opacity: .4}to{opacity: 1}}@keyframes fade{from{opacity: .4}to{opacity: 1}}/* On smaller screens, decrease text size */ @media only screen and (max-width: 300px){.slideshow .prev, .slideshow .next, .slideshow .text{font-size: 11px}}</style> <div class="slideshow"> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 4</div><img src="https://fr.scratch-wiki.info/w/images/6/61/Scratch_3_blocs_horizontaux.png" style="width:100%"> <div class="text">Blocs horizontaux prévus dans Scratch 3.0</div></div><div class="mySlides fade"> <div class="numbertext">2 / 4</div><img src="https://fr.scratch-wiki.info/w/images/thumb/2/2c/Scratch-3.0-v3.png/1280px-Scratch-3.0-v3.png" style="width:100%"> <div class="text">Aperçu de Scratch 3.0</div></div><div class="mySlides fade"> <div class="numbertext">3 / 4</div><img src="https://fr.scratch-wiki.info/w/images/f/f9/Banner-wikis.png" style="width:100%"> <div class="text">Les différents Scratch Wikis</div></div><div class="mySlides fade"> <div class="numbertext">4 / 4</div><img src="https://fr.scratch-wiki.info/w/images/4/49/3.0_aide.png" style="width:100%"> <div class="text">Aide sur Scratch 3.0</div></div><a class="prev" onclick="plusSlides(-1)">&#10094;</a><a class="next" onclick="plusSlides(1)">&#10095;</a> </div><br><div style="text-align:center"><span class="dot" onclick="currentSlide(1)"></span><span class="dot" onclick="currentSlide(2)"></span><span class="dot" onclick="currentSlide(3)"></span><span class="dot" onclick="currentSlide(4)"></span></div></div><script>var slideIndex=1; showSlides(slideIndex); function plusSlides(n){showSlides(slideIndex +=n);}function currentSlide(n){showSlides(slideIndex=n);}function showSlides(n){var i; var slides=document.getElementsByClassName("mySlides"); var dots=document.getElementsByClassName("dot"); if (n > slides.length){slideIndex=1}if (n < 1){slideIndex=slides.length}for (i=0; i < slides.length; i++){slides[i].style.display="none";}for (i=0; i < dots.length; i++){dots[i].className=dots[i].className.replace(" active", "");}slides[slideIndex - 1].style.display="block"; dots[slideIndex - 1].className +=" active";}</script></html>[[Catégorie:Scratch_Wiki]]
+
<html> <style>.slideshow{width: 100%;display: inline-table;padding-bottom: 20px;}.slideshow .mySlides{display: none; display: block;}.slideshow img{vertical-align: middle; width: 100%;}/* Slideshow container */ .slideshow .slideshow-container{width: auto; position: relative; margin: auto; overflow: hidden;}/* Next & previous buttons */ .slideshow .prev, .slideshow .next{cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; background-color: #00000020; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}/* Position the "next button" to the right */ .slideshow .next{right: 0; border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */ .slideshow .prev:hover, .slideshow .next:hover{background-color: rgba(0, 0, 0, 0.8);}/* Caption text */ .slideshow .text{color: #f2f2f2; background-color: #00000050; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}/* Number text (1/3 etc) */ .slideshow .numbertext{color: #f2f2f2; background-color: #00000050; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}/* The dots/bullets/indicators */ .slideshow .dot{cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}.slideshow .active, .slideshow .dot:hover{background-color: #717171;}/* Fading animation */ .slideshow .fade{-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}@-webkit-keyframes fade{from{opacity: .4}to{opacity: 1}}@keyframes fade{from{opacity: .4}to{opacity: 1}}/* On smaller screens, decrease text size */ @media only screen and (max-width: 300px){.slideshow .prev, .slideshow .next, .slideshow .text{font-size: 11px}}</style> <div class="slideshow"> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 4</div><img src="https://fr.scratch-wiki.info/w/images/6/61/Scratch_3_blocs_horizontaux.png" style="width:100%"> <div class="text">Blocs horizontaux prévus dans Scratch 3.0</div></div><div class="mySlides fade"> <div class="numbertext">2 / 4</div><img src="https://fr.scratch-wiki.info/w/images/thumb/2/2c/Scratch-3.0-v3.png/1280px-Scratch-3.0-v3.png" style="width:100%"> <div class="text">Aperçu de Scratch 3.0</div></div><div class="mySlides fade"> <div class="numbertext">3 / 4</div><img src="https://fr.scratch-wiki.info/w/images/f/f9/Banner-wikis.png" style="width:100%"> <div class="text">Les différents Scratch Wikis</div></div><div class="mySlides fade"> <div class="numbertext">4 / 4</div><img src="https://fr.scratch-wiki.info/w/images/4/49/3.0_aide.png" style="width:100%"> <div class="text">Aide sur Scratch 3.0</div></div><a class="prev" onclick="plusSlides(-1)">&#10094;</a><a class="next" onclick="plusSlides(1)">&#10095;</a> </div><br><div style="text-align:center"><span class="dot" onclick="currentSlide(1)"></span><span class="dot" onclick="currentSlide(2)"></span><span class="dot" onclick="currentSlide(3)"></span><span class="dot" onclick="currentSlide(4)"></span></div></div><script>var slideIndex=1; showSlides(slideIndex); function plusSlides(n){showSlides(slideIndex +=n);}function currentSlide(n){showSlides(slideIndex=n);}function showSlides(n){var i; var slides=document.getElementsByClassName("mySlides"); var dots=document.getElementsByClassName("dot"); if (n > slides.length){slideIndex=1}if (n < 1){slideIndex=slides.length}for (i=0; i < slides.length; i++){slides[i].style.display="none";}for (i=0; i < dots.length; i++){dots[i].className=dots[i].className.replace(" active", "");}slides[slideIndex - 1].style.display="block"; dots[slideIndex - 1].className +=" active";}</script></html>[[Catégorie:Scratch_Wiki|Accueil]]

Version actuelle datée du 5 décembre 2018 à 00:42

1 / 4
Blocs horizontaux prévus dans Scratch 3.0
2 / 4
Aperçu de Scratch 3.0
3 / 4
Les différents Scratch Wikis
4 / 4
Aide sur Scratch 3.0