afiliados
e visto que muchas web tienen espacios determinados para poner sus afiliados y publicidad con mas webs, Asi que seria muy buena idea hacer un slider de afiliados.
Vamos a empezar en el primer slider que cree podremos controlar el dezplazamiento de derecha a izquiera. Justo asi:
Bien para esto vamos a poner un css rigiendo los caracteres de nuestra caja de afiliados, es decir aqui vamos a dar el orden de tener un margen y el ancho de la caja. Recuerden que esto es un codigo css y lo deven pegar en CSS-CODE
border: 2px solid #ddd; /* Esto es el borde de la caja el color lo pueden cambiar */
padding:8px; /* Esto es para que el contenido no este al raz del borde*/ }
#afiliados { /* Esto nos sirve para que las flechas identifiquen el control de las imagenes*/ }
Bien ya teniendo los valores de la caja vamos a empezar a hacer el contenido de nuestro slider de afiliados, este codigo HTML lo vana modificar a su manera y ponerle el url de sus imagenes de afiliados. Recuerden que esto es un codigo HTML y lo van a pegar en donde quieran que este el slider.
<center><img alt="" src="URL DE TU IMAGEN DE TITULO DE AFILIADOS" /></center>
<a onclick="getElementById('afiliados').direction='left';" href="javascript:void(0);">
<img style="float:left;" alt="" src="http://elgrafo.es/flecha%20izquierda.jpg" />
</a>
<a onclick="getElementById('afiliados').direction='right';" href="javascript:void(0);">
<img style="float:right;" alt="" src="http://elgrafo.es/flecha%20derecha.jpg" />
</a>
<marquee id="afiliados" direction="right" onmouseout="this.start()" onmouseover="this.stop()">
<a href="URL DE LA PAGINA DE TU AFILIADO"><img style=" width:190px; height:190px; margin: 10px 10px 0px 0px" alt="" src="URL DEL BANNER DE TU AFILIADO" /></a>
<a href="URL DE LA PAGINA DE TU AFILIADO"><img style=" width:190px; height:190px; margin: 10px 10px 0px 0px" alt="" src="URL DEL BANNER DE OTRO AFILIADO" /></a>
<a href="URL DE LA PAGINA DE TU AFILIADO"> <img style=" width:190px; height:190px; margin: 10px 10px 0px 0px" alt="" src="URL DEL BANNER DE OTRO AFILIADO" /></a>
</marquee>
</div>
Y bueno con esto hemos acabado el slider, recuerden que una forma de agradecer mi trabajo es dandole "Me gusta" a mi pagina souldhack. Alguna duda haganmelo saber.
Y como yo no he abierto la seccion afiliados, vamos a empezar... ¿Quien quiere ser mi primer afiliado?