Ybooh: mudanças entre as edições

Ir para navegação Ir para pesquisar
417 bytes removidos ,  24 de julho de 2023
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<div class="CSSgal">
<div class="content">
 
      <div class="slides">
  <!-- Don't wrap targets in parent -->
        <div class="slide_content 1">
  <s id="s1"></s>  
          <h1 class="show">This is the first contest to Slide-show</h1>
  <s id="s2"></s>
        </div>
  <s id="s3"></s>
        <div class="slide_content 2">
  <s id="s4"></s>
          <h1 class="show">This is the second contest to Slide-show</h1>
 
        </div>
  <div class="slider">
        <div class="slide_content 2">
    <div style="background:#5b8;">
          <h1 class="show">This is the third contest to Slide-show</h1>
      <h2>PURE <b>CSS</b> SLIDESHOW</h2>
        </div>
       <p>Responsive Slideshow Gallery created using CSS only<br>by Roko</p>
        <div class="slide_content 4">
          <h1 class="show">This is the fourth contest to Slide-show</h1>
        </div>
       </div>
     </div>
     </div>
    <div style="background:#85b;">
      <h2>Slide 2</h2>
    </div>
    <div style="background:#e95;">
      <h2>Slide 3</h2>
    </div>
    <div style="background:#e59;">
      <h2>Slide 4</h2>
    </div>
  </div>
 
  <div class="prevNext">
    <div><span href="#s4"></span><span href="#s2"></span></div>
    <div><span href="#s1"></span><span href="#s3"></span></div>
    <div><span href="#s2"></span><span href="#s4"></span></div>
    <div><span href="#s3"></span><span href="#s1"></span></div>
  </div>
  <div class="bullets">
    <span href="#s1">1</span>
    <span href="#s2">2</span>
    <span href="#s3">3</span>
    <span href="#s4">4</span>
  </div>
</div>

Menu de navegação