Souldhack
Souldhack necesita de nuestra ayuda! Por favor lee la siguiente nota! Necesitamos tu ayuda! Y apoyanos!

souldhack

Creando un slider

Creando un Slider para afiliados

Escrito por Administrador - 5/septiembre/2011


Ya habiamos hablado anteriormente sobre Desplazamiento de textos y haora es el turno de hacer un desplazamiento de imagenes con marquee, si vamos a hacer un tipo slider en donde vamos a poner imagenes desplazandose.

He 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

#cajaa {width:250px; /* Esto es el ancho de la caja */
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.

<div id="cajaa">
<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?

 




Acerca del autor
Manolo M./Administrador
Les cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas

 


Algunas categorias
Interesante
Aqui hablaremos de articulos de interes y debate.

Interesante

Recursos
En esta categoria encontraras, recursos utiles para tener un buen desempeño web.

Recursos



Site5.com

Souldhack necesita tu ayuda!

Souldhack necesita nuestra ayuda!
Todos podemos ayudar a souldhack entrando al blog Souldhacko Y dandole click a la publicidad y anuncios de google que estan en dicho blog, de esta manera estaremos apoyando y agradeciendo a souldhack por toda su ayuda brindada hacia nosotros!, espero y todos nos apoyen, no saben lo agradecidos que estaremos con todos ustedes!, Recuerden que souldhack! esta echo por y para ustedes!.

¿Que pasa en souldhack y souldhacko?

Recuerda que se están escribiendo artículos recientemente en el blog, Souldhacko


Siguenos en Facebook!

Recent Posts

Cuadro ultimos tweets
Para todos los usuarios de twitter que tienes una web acargo en esencial...

Abril 14, 2012

 
Botones compartir articulos
Cuando un articulo es satisfactorio, o simplemente era lo que estabamos...

Febrero 18, 2012

 
Usar/Utilizar jQuery
Bueno en este tutorial explico como instalar y usar jquery ya sea en un diseño profecional...

Noviembre 13, 2011

 
Cambiar botones a Ice Blue
En este mi mas reciente video subido explico como cambiar los botones de los diseños...

Mayo 3, 2012

 

Chat

Los comentarios...

Los comentarios...

Mi video mas reciente

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=