|Pedido| Corre Aquie se pode Por Favor

Corre Aquie se pode Por Favor

FALA RAPAZIADA TO TENTANDO FAZER UM SLIDE POREM PREUCUREI UNS CODIGO NA NET E NUMCA DA CERTO ;(

ALGUEM PODIA ANALIZA ESSES 2 CODIGO SE TA CERTO ..

Nota

Slide Simples

<style>
* { margin: 0; padding: 0; }

.slider {
display: block;
height: 293px;
width: 600px;
margin: auto;
margin-top: 20px;
position: relative;
}

.slider li {
list-style: none;
position: absolute;
}

.slider img {
margin: auto;
height: 100%;
width: 100%;
vertical-align: top;
}

.slider input {
display: none;
}

</style>
<ul class="slider">

<li>
<img src="images/1.jpg" />
</li>
<li>
<img src="images/2.jpg" />
</li>
<li>
<img src="images/3.jpg" />
</li>
</ul>

Atenção

Slider Avançado rss

<style>
.slider label {
background-color: #000;
bottom: 10px;
cursor: pointer;
display: block;
height: 10px;
position: absolute;
width: 10px;
z-index: 10;
}

.slider li:nth-child(1) label {
left: 10px;
}

.slider li:nth-child(2) label {
left: 40px;
}

.slider li:nth-child(3) label {
left: 70px;
}

.slider input {
display: none;
}

.slider img {
opacity: 0;
visibility: hidden;
}

.slider li input:checked ~ img {
opacity: 1;
visibility: visible;
z-index: 10;
}
</style>

<ul class="slider">
<li>
<input type="radio" id="slide1" name="slide" checked>
<label for="slide1"></label>
<img src="images/1.jpg" />
</li>
<li>
<input type="radio" id="slide2" name="slide">
<label for="slide2"></label>
<img src="images/2.jpg" />
</li>
<li>
<input type="radio" id="slide3" name="slide">
<label for="slide3"></label>
<img src="images/3.jpg" />
</li>
</ul>

Launcher usado pra tenta fazer slide eo da PS

Tópico: Corre Aquie se pode Por Favor

Thread Tools

Pesquisar Tópico

Display

Corre Aquie se pode Por Favor

Permissões de Postagem

Sobre nós

Nossos anunciantes

Rede Sociais