Barnner de imágenes para nuestro blog.
Este es un barnner,muy fácil.
Simplemente funciona con HTML.
Lo podemos incrustar directamente en nuestras entradas o en in gadget de nuestra plantilla.
y asà se mostrarÃa
Este es el código que tendrÃamos que poner, pero si queremos podemos realizar algunos cambios.
Lo primero que tenemos que cambiar es:
a href='URL DEL ENLACE' por la Url de la imagen que vallamos a poner.
target='_blank' title='TITULO'> y el titulo por el nombre que queramos.
Ahora voy a mostrar como se divide cada elemento.
<marquee direction="up" : Es el código define el movimiento de las imágenes.
Hacia arriba (up),
abajo (down),
a la derecha (right)
a la izquierda (left)
scrollamount="3", Esta parte indica la velocidad de movimiento de las imágenes, a mayor número, mayor será la velocidad. Yo en este caso tengo a 3.
text-align: center;, Con está definimos la posición de la imágenes:
centrados (center),
derecha (right)
izquierda (left)
width:125px;height:125px: width: es el ancho de la tabla y height es el alto.
<img border="0": Es el borde de nuestra imagen y tabla. #000000 : Es el color de fondo de la tabla., puedes reemplazarlo por el color que quieras en hexadecimales, en este enlace encontrarás alguno colores hexadecimales.
Pincha aquÃ.
Imprimir entrada
Este es un barnner,muy fácil.
Simplemente funciona con HTML.
Lo podemos incrustar directamente en nuestras entradas o en in gadget de nuestra plantilla.
y asà se mostrarÃa
Este es el código que tendrÃamos que poner, pero si queremos podemos realizar algunos cambios.
Lo primero que tenemos que cambiar es:
a href='URL DEL ENLACE' por la Url de la imagen que vallamos a poner.
target='_blank' title='TITULO'> y el titulo por el nombre que queramos.
<div align="center">
<marquee direction="up" onmouseout="this.scrollAmount='2'" onmouseover="this.scrollAmount='0'" scrollamount="3" style="border: 1px solid #000000; height: 125px; padding: 3px; width: 125px;"><a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
</marquee> </div>
<marquee direction="up" onmouseout="this.scrollAmount='2'" onmouseover="this.scrollAmount='0'" scrollamount="3" style="border: 1px solid #000000; height: 125px; padding: 3px; width: 125px;"><a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
a href='URL DEL ENLACE' target='_blank' title='TITULO'><img border="0" height="125" src="URL DE LA IMAGEN" width="125" /></a>
</marquee> </div>
Ahora voy a mostrar como se divide cada elemento.
<marquee direction="up" : Es el código define el movimiento de las imágenes.
Hacia arriba (up),
abajo (down),
a la derecha (right)
a la izquierda (left)
scrollamount="3", Esta parte indica la velocidad de movimiento de las imágenes, a mayor número, mayor será la velocidad. Yo en este caso tengo a 3.
text-align: center;, Con está definimos la posición de la imágenes:
centrados (center),
derecha (right)
izquierda (left)
width:125px;height:125px: width: es el ancho de la tabla y height es el alto.
<img border="0": Es el borde de nuestra imagen y tabla. #000000 : Es el color de fondo de la tabla., puedes reemplazarlo por el color que quieras en hexadecimales, en este enlace encontrarás alguno colores hexadecimales.
Pincha aquÃ.
Imprimir entrada