5 Excelentes Sitios que ofrecen Patterns, + Cómo Instalarlos como Fondo del Blog

Si usas en tu blog una de las plantillas del diseñador de plantillas, y a pesar de las múltiples opciones de imágenes que ofrecen para el fondo, ninguna te convence, o simplemente quieres experimentar con fondos nuevos, esto es para ti.



Aquí te tengo cinco fabulosos sitios en donde los patterns son su especialidad. Encontrarás desde patterns florales, hasta patterns con texturas o con diversas motivos y colores. La mayoría de los patterns que se ofrecen en los sitios, pueden repetirse sin que sea notoria la unión entre ellos (seamless), por lo cual, pueden usarse sin problema como fondo. Ahora lo que te faltará es tiempo para verlos todos y decidirte por uno :)



Aunque son gratis, te recomiendo leer los términos y condiciones para su uso.



1.-PATTERN8

2.-DINPATTERN

3.-ova7patterns

4. Petterrific

5. Subtle Patterns

Cómo poner el pattern como fondo

Si usas las nuevas plantilla del diseñador de plantillas de Blogger, solo sigue estos pasos:

1. Ve a Plantilla ► Personalizar y luego selecciona la opción de fondo.










2. Despliega las opciones de la imagen de fondo, haciendo click en el simbolito "▼"
   
   
   
   
   
   
   
   
   
   
   
   
   
   


3. Sube la imagen desde tu computadora, usando la opción Subir imagen.
   
   
   
   
   
   
   
   
   
   
   


4. Hecho lo anterior, selecciona la opción Mosaico.
   
   
   
   
   
   
   
   
   
   Nota: dependiendo del diseño del pattern puedes variar la alineación. Te recomiendo la de el top y en el centro, como se muestra arriba, en la imagen.
   
   


5. Guarda los cambios en "Aplicar al blog".

Tip: Si no marcas la casilla de:



Desplazarse con la página



Lograrás que el fondo quede fijo, es decir que no se desplace (posición fixed).

¿Cómo usar un pattern en plantillas personalizadas?

Si usas una plantilla personalizada y si el diseño lo permite*, puedes usar un pattern como fondo y solo tendrás que seguir estos pasos:

1. Una vez que has elegido un pattern, deberás subir la imagen a blogger u otro servidor de almacenamiento y obtener el enlace de la misma.


2.  Ve a Plantilla ►Editar HTML, haces click e plantilla de formtao, luego, presionas las teclas  Ctrl + F al mismo tiempo y buscas body


3. Dentro de las propiedades del body, busca el background  y cámbialo por esto:

background: url(URL_DE_LA_IMAGEN) repeat left center;

Nota: Donde dice URL_DE_LA_IMAGEN debes poner la URL de la imagen del pattern. Si no sabes como obtener la URL de una imagen, échale un vistazo a esta entrada, que explica cómo obtener la URL de la imagen fácil y rápido.



Con *el diseño lo permite, me refiero a que algunos diseños están compuestos por imágenes que se unen entre si,  y tienen el mismo fondo para complementarse, Si es así, y usas un pattern como fondo, se va a ver parchado.







Última actualización: 14/Mayo/2013