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 63: Linha 63:
   </div>
   </div>
</div>
</div>
<div class="slidershow middle">
    <div class="slides">
      <input type="radio" name="r" id="r1" checked>
      <input type="radio" name="r" id="r2">
      <input type="radio" name="r" id="r3">
      <input type="radio" name="r" id="r4">
      <input type="radio" name="r" id="r5">
      <div class="slide s1">
[[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023]] 
      </div>
      <div class="slide">
[[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023]] 
      </div>
      <div class="slide">
[[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023]] 
      </div>
      <div class="slide">
[[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023]] 
      </div>
      <div class="slide">
[[Arquivo:post1.jpg|link=Regulamento Torneio Mundial 2023]] 
      </div>
      <div id="controls">
<label for="r1" class="bar-arrow"></label>
        <label for="r2" class="bar-arrow"></label>
        <label for="r3" class="bar-arrow"></label>
        <label for="r4" class="bar-arrow"></label>
        <label for="r5" class="bar-arrow"></label>
</div>
      <div class="navigation">
        <label for="r1" class="bar"></label>
        <label for="r2" class="bar"></label>
        <label for="r3" class="bar"></label>
        <label for="r4" class="bar"></label>
        <label for="r5" class="bar"></label>
      </div>   
    </div>
   
  </div>

Edição das 19h43min de 24 de julho de 2023

CSS-only Carousel


  1.        <a href="#carousel__slide4"
          class="carousel__prev">Go to last slide</a>
       <a href="#carousel__slide2"
          class="carousel__next">Go to next slide</a>

  2.      <a href="#carousel__slide1"
        class="carousel__prev">Go to previous slide</a>
     <a href="#carousel__slide3"
        class="carousel__next">Go to next slide</a>

  3.      <a href="#carousel__slide2"
        class="carousel__prev">Go to previous slide</a>
     <a href="#carousel__slide4"
        class="carousel__next">Go to next slide</a>

  4.      <a href="#carousel__slide3"
        class="carousel__prev">Go to previous slide</a>
     <a href="#carousel__slide1"
        class="carousel__next">Go to first slide</a>
  1. <a href="#carousel__slide1" class="carousel__navigation-button">Go to slide 1</a>
  2. <a href="#carousel__slide2" class="carousel__navigation-button">Go to slide 2</a>

  3. Go to slide 3</a>

  4. <a href="#carousel__slide4" class="carousel__navigation-button">Go to slide 4</a>
Disponível em “https://wiki.otpokemon.com/index.php?title=Ybooh&oldid=16291”