De Scratch Wiki en Français

m
m (Annulation des modifications 15296 de Smrman (discussion))
Ligne 1 : Ligne 1 :
{{#tag:style
+
<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/2/2d/Scratch_3.0_%C3%89diteur_v3.png" style="width:100%"> <div class="text">Editeur 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/e/ec/Scratch_3.0_Tutoriels.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]]
| .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
 
}
 
}
 
}}
 
{{#tag:div
 
| {{#tag:div
 
| {{#tag:div
 
| {{#tag:div
 
|1 / 4
 
|class=numbertext
 
}}
 
{{#tag:img
 
|
 
|src=https://fr.scratch-wiki.info/w/images/6/61/Scratch_3_blocs_horizontaux.png
 
|style=width:100%
 
}}
 
{{#tag:div
 
|Blocs horizontaux prévus dans Scratch 3.0
 
|class=text
 
}}
 
|class="mySlides fade"
 
}}
 
{{#tag:div
 
| {{#tag:div
 
|2 / 4
 
|class=numbertext
 
}}
 
{{#tag:img
 
|
 
|src=https://fr.scratch-wiki.info/w/images/2/2d/Scratch_3.0_%C3%89diteur_v3.png
 
|style=width:100%
 
}}
 
{{#tag:div
 
|Editeur de Scratch 3.0
 
|class=text
 
}}
 
|class=mySlides fade
 
}}
 
{{#tag:div
 
| {{#tag:div
 
|3 / 4
 
|class=numbertext
 
}}
 
{{#tag:img
 
|
 
|src=https://fr.scratch-wiki.info/w/images/f/f9/Banner-wikis.png
 
|style=width:100%
 
}}
 
{{#tag:div
 
|Les différents Scratch Wikis
 
|class=text
 
}}
 
|class=mySlides fade
 
}}
 
{{#tag:div
 
| {{#tag:div
 
|4 / 4
 
|class=numbertext
 
}}
 
{{#tag:img
 
|
 
|src=https://fr.scratch-wiki.info/w/images/e/ec/Scratch_3.0_Tutoriels.png
 
|style=width:100%
 
}}
 
{{#tag:div
 
|Aide sur Scratch 3.0
 
|class=text
 
}}
 
|class=mySlides fade>
 
}}
 
{{#tag:a
 
|&#10094;
 
|class=prev
 
|onclick=plusSlides(-1)
 
}}
 
{{#tag:a
 
|&#10095;
 
|class=next
 
|onclick=plusSlides(1)
 
}}
 
|class=slideshow-container
 
}}
 
{{#tag:br}}
 
{{#tag:div
 
| {{#tag:span
 
|>
 
|class=dot
 
|onclick=currentSlide(1)
 
}}
 
{{#tag:span
 
|
 
|class=dot
 
|onclick=currentSlide(2)
 
}}
 
{{#tag:span
 
|
 
|class=dot
 
|onclick=currentSlide(3)
 
}}
 
{{#tag:span
 
|
 
|class=dot
 
|onclick=currentSlide(4)
 
}}
 
|style=text-align:center
 
}}
 
|class=slideshow
 
}}
 
{{#tag: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";
 
}
 
}}
 
 
 
[[Catégorie:Scratch_Wiki|Accueil]]
 

Version du 30 janvier 2020 à 23:28

<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>

1 / 4
<img src="https://fr.scratch-wiki.info/w/images/6/61/Scratch_3_blocs_horizontaux.png" style="width:100%">
Blocs horizontaux prévus dans Scratch 3.0
2 / 4
<img src="https://fr.scratch-wiki.info/w/images/2/2d/Scratch_3.0_%C3%89diteur_v3.png" style="width:100%">
Editeur de Scratch 3.0
3 / 4
<img src="https://fr.scratch-wiki.info/w/images/f/f9/Banner-wikis.png" style="width:100%">
Les différents Scratch Wikis
4 / 4
<img src="https://fr.scratch-wiki.info/w/images/e/ec/Scratch_3.0_Tutoriels.png" style="width:100%">
Aide sur Scratch 3.0
<a class="prev" onclick="plusSlides(-1)">❮</a><a class="next" onclick="plusSlides(1)">❯</a>

<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>