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:
<h1>CSS-only Carousel</h1>
<h1>CSS-only Carousel</h1>


<p>This carousel is created with HTML and CSS only.</p>


<section class="carousel" aria-label="Gallery">
<div class="carousel">
   <ol class="carousel__viewport">
   <ol class="carousel__viewport">
     <li id="carousel__slide1"
     <li id="carousel__slide1"
Linha 54: Linha 53:
       </li>
       </li>
       <li class="carousel__navigation-item">
       <li class="carousel__navigation-item">
         <a href="#carousel__slide3"
         [[#carousel__slide3|class=carousel__navigation-button]]<a href="#carousel__slide3"
           class="carousel__navigation-button">Go to slide 3</a>
           class="carousel__navigation-button">Go to slide 3</a>
       </li>
       </li>
Linha 63: Linha 62:
     </ol>
     </ol>
   </aside>
   </aside>
</section>
</div>

Edição das 18h30min 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>

 <aside class="carousel__navigation">
  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. class=carousel__navigation-button<a href="#carousel__slide3" class="carousel__navigation-button">Go to slide 3</a>
  4. <a href="#carousel__slide4" class="carousel__navigation-button">Go to slide 4</a> 
 </aside>
Disponível em “https://wiki.otpokemon.com/index.php?title=Ybooh&oldid=16255”