1 Nivo-Slider, slider tradicional, pequeno e limpo. Qui Ago 23, 2012 8:33 pm
RafsEstevam
Programador
Se você sabe usar um script js, saberá como usar o script abaixo... Se estiver com alguma dúvida me envie uma mp. Por que esse script também está em meu port, na página sobre, na area de Rafs Design, Falls Design e o "R", aquele é o nivo slider...
Obrigado, por ler este post
- Código:
/*
* Rafs Estevam - Desenvolvedor / Programador / Projetista
* http://www.rafaelbrasil.x10.mx
*
* Copyright 2012, Jason Voorhees - Programador Experiente
* Uso livre...
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* O estilo de Nivo Slides */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* Uma imagem é envolto em um link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* As fatias e caixas no Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Substituído por definição captionOpacity */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
Obrigado, por ler este post