From Test-Scratch-Wiki

< User:Jakel181

Line 3: Line 3:
 
File:Extra Boxes.jpg|caption|alt=alt language
 
File:Extra Boxes.jpg|caption|alt=alt language
 
</gallery>
 
</gallery>
 +
<style>.mainGrid{display: grid; grid-template-areas: 'header header''caroussel caroussel''help help''news liens''ww tuto''wiki about'; grid-gap: 10px;}.headerGrid{grid-area: header; display: grid; grid-template-areas: 'logo text cat';}.headerGrid>div{text-align: center; padding: 0px !important; font-size: 30px; display: flex; align-items: center; justify-content: center;}.headerLogo{grid-area: logo;}.headerLogo>a>img{height: 150px; width: auto;}.headerText{grid-area: text; display: grid !important; grid-template-areas: 'title''paragraph'}.headerText>div{text-align: center; padding: 20px 0; font-size: 30px;}.headerTitle{grid-area: title; font-size: 150%; font-size: 3.0em; font-weight: bold; color: rgb(77, 151, 255);}.headerParagraph{grid-area: paragraph;}.headerParagraph>span{font-size: 100%; color: rgb(77, 151, 255);}.headerParagraph:nth-child(2){font-size: 20px;}.headerCat{grid-area: cat;}.headerCat>a>img{height: 80px; width: auto;}.carousselGrid{grid-area: caroussel;}.helpGrid{grid-area: help;}.newsGrid{grid-area: news;}.linksGrid{grid-area: liens;}.linksGrid>div>div:nth-child(2){text-align: center !important;}.wwGrid{grid-area: ww;}.tutoGrid{grid-area: tuto;}.aboutGrid{grid-area: about;}.wikiGrid{grid-area: wiki;}@media only screen and (max-width: 425px){.mainGrid{grid-template-areas: 'header''caroussel''help''liens''news''tuto''ww''wiki''about';}.mainGrid>div>div{height: auto !important;}.headerGrid{grid-template-areas: 'logo''text''cat';}.headerText{padding: 0px;}.headerLogo>a>img{height: auto; width: auto;}.headerCat>a>img{height: auto; width: auto;}.newsGrid{display: none;}}</style><br /><div class="mainGrid"> <div class="headerGrid"> <div class="headerLogo"><a href="/wiki/Fichier:Scratch_Wiki_Fr_logo.svg" class="image"><img alt="Scratch Wiki Fr logo.svg" src="/w/images/4/49/Scratch_Wiki_Fr_logo.svg" width="130" height="130" /></a></div><div class="headerText"> <div class="headerTitle">Bienvenue</div><div class="headerParagraph"><span>sur le site du <a href="/wiki/Scratch_Wiki" title="Scratch Wiki">Scratch Wiki</a> en français.<br />Vous pourrez trouver sur ce site de l'aide concernant <a href="/wiki/Langage_Scratch" title="Langage Scratch">Scratch</a> et tout ce qui s'en rapporte.</span><br /><span><a href="/wiki/Sp%C3%A9cial:Toutes_les_pages" title="Spécial:Toutes les pages">369</a> articles créés depuis le 7 novembre 2015</span></div></div><div class="headerCat"><a href="/wiki/Fichier:Scratch_Cat-cropped.svg" class="image"><img alt="Scratch Cat-cropped.svg" src="/w/images/0/00/Scratch_Cat-cropped.svg" width="84" height="60" /></a></div></div><div class="carousselGrid"> <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 &amp; 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/b/bf/Editeur_3.0.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/thumb/e/ed/Tutoriels_3.0.png/1280px-Tutoriels_3.0.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>

Revision as of 21:44, 29 April 2019

<style>.mainGrid{display: grid; grid-template-areas: 'header headercaroussel carousselhelp helpnews liensww tutowiki about'; grid-gap: 10px;}.headerGrid{grid-area: header; display: grid; grid-template-areas: 'logo text cat';}.headerGrid>div{text-align: center; padding: 0px !important; font-size: 30px; display: flex; align-items: center; justify-content: center;}.headerLogo{grid-area: logo;}.headerLogo>a>img{height: 150px; width: auto;}.headerText{grid-area: text; display: grid !important; grid-template-areas: 'titleparagraph'}.headerText>div{text-align: center; padding: 20px 0; font-size: 30px;}.headerTitle{grid-area: title; font-size: 150%; font-size: 3.0em; font-weight: bold; color: rgb(77, 151, 255);}.headerParagraph{grid-area: paragraph;}.headerParagraph>span{font-size: 100%; color: rgb(77, 151, 255);}.headerParagraph:nth-child(2){font-size: 20px;}.headerCat{grid-area: cat;}.headerCat>a>img{height: 80px; width: auto;}.carousselGrid{grid-area: caroussel;}.helpGrid{grid-area: help;}.newsGrid{grid-area: news;}.linksGrid{grid-area: liens;}.linksGrid>div>div:nth-child(2){text-align: center !important;}.wwGrid{grid-area: ww;}.tutoGrid{grid-area: tuto;}.aboutGrid{grid-area: about;}.wikiGrid{grid-area: wiki;}@media only screen and (max-width: 425px){.mainGrid{grid-template-areas: 'headercarousselhelpliensnewstutowwwikiabout';}.mainGrid>div>div{height: auto !important;}.headerGrid{grid-template-areas: 'logotextcat';}.headerText{padding: 0px;}.headerLogo>a>img{height: auto; width: auto;}.headerCat>a>img{height: auto; width: auto;}.newsGrid{display: none;}}</style>
Bienvenue
sur le site du <a href="/wiki/Scratch_Wiki" title="Scratch Wiki">Scratch Wiki</a> en français.
Vous pourrez trouver sur ce site de l'aide concernant <a href="/wiki/Langage_Scratch" title="Langage Scratch">Scratch</a> et tout ce qui s'en rapporte.

<a href="/wiki/Sp%C3%A9cial:Toutes_les_pages" title="Spécial:Toutes les pages">369</a> articles créés depuis le 7 novembre 2015
<a href="/wiki/Fichier:Scratch_Cat-cropped.svg" class="image"><img alt="Scratch Cat-cropped.svg" src="/w/images/0/00/Scratch_Cat-cropped.svg" width="84" height="60" /></a>
<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/b/bf/Editeur_3.0.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
<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>