Utilidades Aplicaciones

Fondos para Páginas web - Patterns


Una de estas pequeñas imágenes con textura (Patterns), aplicada al fondo (background) de una página web, repetida la cantidad de veces necesarias para llenarla; se convierte en un fondo para tu web muy atractivo.

Estuve buscando en Google y no encontré muchas variedades que me llamaran la atención, hasta que de blog en blog llegue a la web más útil con respecto a este tema:
Ava7 Patterns, aquí encontrarás la mayor variedad de fondos para tu pagina web. Una web muy bien hecha, puedes filtrar los patterns por colores, texturas y popularidad, además de un excelente sistema de vista previa (Preview), que al hacer clic te mostrará en la misma web como se vería en el fondo repetidas veces.

Luego de encontrar el que creas que se verá mejor en tu web, la descargas (download) a tu pc, y la subes a tu hosting o algun sistema de alojamientos como Imageshack.
Cuando ya tengas el link directo a la imágen, tienes 2 formas de agregarlo en el código html de tu sitio:

1.- Buscas el tag <body> y le agregas la etiqueta "background", quedaria: <body background="http://www.hosting.com/fondo.png">

2.- Agregas el siguiente codigo antes de </head">, modificando la dirección de la imágen:

<style type="text/css">
body {
background-image: url(http://www.hosting.com/fondo.png);
background-repeat: repeat;
}
</style>

Popular