Ybooh: mudanças entre as edições

De otPokemon Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<div class="CSSgal">


<div class="ss-container">
  <s id="s1"></s>
                <div class="mySlides fade">
  <s id="s2"></s>
                    [[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023|class=pics]] 
  <s id="s3"></s>
                </div>
  <s id="s4"></s>
                <div class="mySlides fade">
 
                    [[Arquivo:post2.jpg|link=Regulamento Torneio Mundial 2023|class=pics]]
  <div class="slider">
                </div>
    <div style="background:#5b8;">
                <div class="mySlides fade">
      <h2>PURE <b>CSS</b> SLIDESHOW</h2>
                    [[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023|class=pics]]
      <p>Responsive Slideshow Gallery created using CSS only<br>by Roko</p>
                </div>
    </div>
                <div class="mySlides fade">
    <div style="background:#85b;">
                  [[Arquivo:post2.jpg|link=Regulamento Torneio Mundial 2023|class=pics]]
      <h2>Slide 2</h2>
                </div>
    </div>
                [[Arquivo:post2.jpg|onclick=plusSlides(1)|class=pics]]
    <div style="background:#e95;">
                <span class="next" onclick="plusSlides(1)">&#10095;</span>
      <h2>Slide 3</h2>
            </div>
    </div>
           
    <div style="background:#e59;">
            <!--    Putting in the click dots  -->
      <h2>Slide 4</h2>
            <div style="text-align:center">
    </div>
                <span class="dot" onclick="currentSlide(1)"></span>
  </div>
                <span class="dot" onclick="currentSlide(2)"></span>
 
                <span class="dot" onclick="currentSlide(3)"></span>
  <div class="prevNext">
                <span class="dot" onclick="currentSlide(4)"></span>
    <div><a href="#s4"></a><a href="#s2"></a></div>
            </div>
    <div><a href="#s1"></a><a href="#s3"></a></div>
    <div><a href="#s2"></a><a href="#s4"></a></div>
    <div><a href="#s3"></a><a href="#s1"></a></div>
  </div>
 
  <div class="bullets">
    <a href="#s1">1</a>
    <a href="#s2">2</a>
    <a href="#s3">3</a>
    <a href="#s4">4</a>
  </div>
 
</div>

Edição das 18h54min de 24 de julho de 2023

  
 
 
 

PURE CSS SLIDESHOW

Responsive Slideshow Gallery created using CSS only
by Roko

Slide 2

Slide 3

Slide 4

<a href="#s4"></a><a href="#s2"></a>
<a href="#s1"></a><a href="#s3"></a>
<a href="#s2"></a><a href="#s4"></a>
<a href="#s3"></a><a href="#s1"></a>
   <a href="#s1">1</a>
   <a href="#s2">2</a>
   <a href="#s3">3</a>
   <a href="#s4">4</a>