15 noviembre 2010

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
Pattern 8

2.-DINPATTERN
DinPattern


3.-ova7patterns
Oval7patterns

4. Petterrific


5. Subtle Patterns

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. Agregar o cambiar fondo en Blogger
  3. Despliega las opciones de la imagen de fondo, haciendo click en el simbolito ""

    Diseñador de plantillas imagenes

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

    Opciones de imágenes del diseñador de plantillas
  5. Hecho lo anterior, selecciona la opción Mosaico.

    Configurar opciones del fondo

    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.
  6. 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  CtrlF 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

Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.