Marquesina con Banners

0
Ahora vamos a hacer una mezcla y os voy a explicar cómo poner banners con una marquesina.






Para ello vamos a:
1) Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript y en él pegamos el siguiente código:


Código a copiar/pegar<marquee direction="down" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'">

<a href="URLenlace1"><img src="URLimagen1"/></a>

<br/>

<a href="URLenlace2"><img src="URLimagen2"/></a>

<br/>

<a href="URLenlace3"><img src="URLimagen3"/></a>

</marquee>



Modificaciones que puedes hacer:

<marquee direction="down"> -> down (abajo) puedes cambiarlo por up (arriba), left (izquierda) y right (derecha). Con esto conseguimos que el banner-marquesina aparezca desde otro lado.

width:200px;height:150px -> width es el ancho y height es el alto. Cambia los valores a tu gusto para que puedan caber en tu sidebar.

border:1px solid #ccc; ->

scrollamount="1"  -> Esta es la velocidad a la que se van a mover los banners. Cuanto más alto sea el valor, más rápido irá el banner.




Modificaciones que debes hacer:

"URLenlace1" -> Aquí debes poner el enlace al que quieres que se acceda una vez se haya clicado sobre el banner.

"URLimagen1" -> Enlace de la imagen. Debes haberla subido primero a algún servidor gratuito, o al tuyo de pago.




Para añadir más banners fíjate en la estructura del banner. Después de <a href="URLenlace3"><img alt="Titulo" src="URLimagen3"/></a> deberías poner:

<br/>
<a href="URLenlace4"><img alt="Titulo" src="URLimagen4"/></a>