/* Slideshow Automático by www.ayudadeblogger.com
-------------------------------------------------------------------- */
#slide-container {
width:480px;
height:320px;
position:relative;
}
#slider {
width:480px;
height:320px;
left:25px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
}
.slide-desc {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBUdbSEmYrc1gUgoTt0kX6z5Nj4w91E9l0r2a1NEBXIdED832Cg3VgMIg_ZHwzhgnxrb3Dv1ke2_IHiiKWyv15qqNcSK-0al-zzfWujFs2SlNSAKg3-k2aPeLCUNfVaqwNecSlnssssXU/s30/bgtransparent.png) repeat scroll 0 0;
color:#FFFFFF;
padding:10px;
position:absolute;
text-align:left;
bottom:0;
width:100%;
z-index:99999;
}
.slide-desc h2{
display:block;
color:#f2f2f2;
font-size:14px;
}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#slider li {
width:480px;
height:320px;
overflow:hidden;
}
#prevBtn, #nextBtn {
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
text-indent:-9999px;
top:71px;
z-index:1000;
}
#nextBtn {
left:500px !important;
}
#prevBtn, #nextBtn {
display:block;
left:0;
position:absolute;
top:132px;
width:30px;
height:77px;
z-index:1000;
}
#prevBtn a, #nextBtn a {
display:block;
position:relative;
width:30px;
height:77px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q3sBv5Tz3AdMiGKBlQ9aOsbdcn30DzI0Sq9X_qGHK906Ba4AIkLM86Cstuhpj3kR1lt-frIWHDPZp1HQl7_tlKVzzLptpoiXXW_tFhaIfZJW0YXhorgFWbzVMNTUdtYSWxk7ixBIDK8/s77/flecha-prev.png) no-repeat 0 0;
}
#nextBtn a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL3gIyYzalWJ4a90DWoOw-PdofwCHY5nycJhxCtyxMiTNFHZHG7egJqggQmDNlRSXDHdA11lDa7pT_YbMaLwzZp-jTOEMFKXdQQx-z4yYyeF1HyMCm3_fdxG4Nta2gHQSbq0Y_LPQUuP0/s77/flecha-next.png) no-repeat 0 0;
}
/* Estilos de los números */
ol#controls{
margin:8px 25px;
padding:0;
height:28px;
}
ol#controls li{
margin:0 4px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #000; /* Borde de los números */
background:#0B243B; /* Color de fondo de los números */
color:#fff; /* Color de los números */
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1; /* Color de fondo del número activo */
color:#fff; /* Color del número activo */
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
Gracias
Queremos dar las gracias, nuevamente a todos por la excepcional acogida que nos han brindado. Los números dan vértigo, para un proyecto tan modesto en todos los aspectos. 36 me gustas en nuestra página de Facebook, 103 seguidores en Twitter y casi 1000 visitas al blog. En escasos 5 días de vida. Gracias !!
No hay comentarios:
Publicar un comentario