Decora el fondo del blog con patterns navideños

2 de diciembre de 2009 33 comentarios ,
xmas patterns
Los patterns (patrones) son imágenes pequeñas que se repiten para crear un fondo. Estos se utilizan para cambiar el color de fondo del blog por una imagen.

Para continuar con la decoración del blog con motivos de la Navidad les traigo estos patterns con diseños navideños para que el fondo del blog tenga un tema de la temporada.
Este pack contiene 30 patterns en distintos tamaños alusivos a la Navidad en formato .PNG.

Para usarlos como fondo del blog súbelos a un servidor y luego entra en Diseño > Edición de HTML y busca esta parte:

body {
.......
.......
.......
.......
background: #FFFFFF;
}

Sustituye la línea del background por esto:
background: url(URL de la imagen);
background-attachment : fixed;

Cambia la URL de la imagen por la URL del pattern que anteriormente subiste a la red. Si tu plantilla ya tuviera una imagen sólo sustituye la URL actual por la del pattern.

Descargar


33 comentarios en:

" Decora el fondo del blog con patterns navideños "

  1. Otra buena opción para decorar al blog en esta navidad,muy buena idea Potro.
    Cuidate,chau!

    ResponderEliminar
  2. PepeX, gracias por tu visita, saludos!

    Jazmine, gracias pero los patterns no son míos, yo sólo los cambié de .PAT a .PNG Saludos!

    ResponderEliminar
  3. Muy buena tu idea de los patterns
    muy buena la voy a colocar
    vale muy buena y Dropboz me sirvio de mucho
    es muy facil subir cosas gracias de nuevo potro

    ResponderEliminar
  4. Muy bueno potroo!!

    Tengo una pregunta para ti, para saber si tengo que implementar este truco.
    Yo tengo puesto un fondo puesto en un elemento html/javascript. Pero creo que no en todos los ordenadores no se ve correctamente, entonces me gustaria que me confirmases ese problema, para asi ponerme otro que si que se vea!

    Muchas graciaas!!

    ResponderEliminar
  5. Mae me pregunto si no hay fondos navideños para bloggrs de anime para decorarlos a su justo...

    ResponderEliminar
  6. Dj Nestor, si es en el de Dj Nestor Rules, sí, sí se ve, sólo que la imagen es muy pesada y tarda en cargar.

    ARMANDOKUN, ummm no sé exactamente cómo serían los fondos navideños para anime =S

    ResponderEliminar
  7. Ok Muchas graciaas!!

    Me recomiendas que lo cambiee?? :)

    Graciaas!

    ResponderEliminar
  8. Pues si dices que algunos no lo ven es porque está muy pesada la imagen, en ese caso supongo que sería mejor poner un pattern pequeño.

    Saludos.

    ResponderEliminar
  9. OK!
    Mañana lo intentare cambiar!

    Muchas gracias

    ResponderEliminar
  10. Uhhhh...es un pendiente en mi blog... creo que voy a tener que ponerle aunque sea un gorrito a mi muñequito de cyber!


    Un abrazo!!!

    ResponderEliminar
  11. Siii, aunque sea un detalle que distinga la temporada =)

    Un abrazo!

    ResponderEliminar
  12. Ya lo he cambiado
    Pero se me queda una cosa asi:

    body {
    background: url("http://img16.imageshack.us/img16/5199/333122736831928b613d374.png");
    background-attachment : fixed;
    ...
    }

    Y un fondo blanco en el blog.

    No se que hacer :S
    Ayuda porfa!

    ResponderEliminar
  13. La URL va sin las comillas, también elimina los puntos suspensivos. Va así:

    body {
    background: url(http://img16.imageshack.us/img16/5199/333122736831928b613d374.png);
    background-attachment: fixed;
    }

    Saludos.

    ResponderEliminar
  14. Me sige apareciendo en blanco :'(

    Que hagooo :S

    ResponderEliminar
  15. Supongo que es porque tienes una llave que no está cerrada. Cambia toda esta parte para que quede así:

    body {
    background:url(http://img16.imageshack.us/img16/5199/333122736831928b613d374.png);
    background-attachment: fixed;
    color:#EEEEEE;
    font-family:Georgia Serif;
    font-size:small;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0;
    text-align:center;
    }

    Yo he hecho una prueba con esa plantilla y no tuve problemas, si continua así dime qué cambios hiciste para eliminar el fondo anterior.

    Saludos.

    ResponderEliminar
  16. :(
    Siento darte tantos problemas Potro, pero ya he hecho los cambios y sigue igual :'(

    El fonfo que tenia antes era uno de cutest blog y se ponia en un elemento html, y para quitarlo solo lo borre

    Muchas gracias por la atencion!

    ResponderEliminar
  17. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  18. aaam perdón, me funciono muy bien, pero yo tengo la plantilla Denim, que viene en blogger. pero el 'fondo del header' me qedo del mismo color , que hago ?

    ResponderEliminar
  19. Hola Isavril,

    Busca esta parte de tu plantilla:

    #header-wrapper {
    margin:0;
    padding: 0;
    background-color: $headerCornersColor;

    Cambia lo que está en negrita por transparent

    Saludos.

    ResponderEliminar
  20. Oh ! muchas gracias, me funciono a la perfección :D.
    Eres muy seco y genial ! y tmb gracias por la rapidez y útiles consejos !

    ResponderEliminar
  21. Gracias a ti por tu visita ;)
    Saludos.

    ResponderEliminar
  22. hola, tengo una inquietud... mi blog es todo de fondo blanco, quiero poner una imagen de fondo asi como este que es negro en el fondo pero todo lo demas es de fondo blanco; hice lo que indicas aca y no se queda viendo la letra porq todo queda con la imagen. como hago para que lo q tu tienes aca negrito a mi me quede con una sola imagen?...no se si sea muy dificil
    Agradezco tu ayuda

    ResponderEliminar
  23. Hola Lili,

    Eso depende de la plantilla que uses, generalmente sólo basta con poner esto:
    #content-wrapper {
    background:#FFF;
    }

    Saludos.

    ResponderEliminar
  24. Tanto el archivo como el enlace funcionan a la perfección.

    ResponderEliminar
  25. Otra vez yo.....Me dá que voy a causarte pesadillas.Esto te pasa por darme "entrada libre"....En fin, ya que tengo la escopeta cargada yo, disparo.
    Potro, me gustaría colocar, aunque con otros colores, los márgenes o bordes que se ven en tu blog de color oscuro. Lo he intentado, pero no consigo nada más que cambiar el color de plantilla.
    ¿Aún desearás seguir ayudándome?

    ResponderEliminar
  26. No te preocupes que mis pesadillas me las provoco yo mismo desbaratando tanto código por horas, y literalmente, sueño con ellos :\

    Supongo que te refieres al borde que se ve alrededor de todo el contenido del blog, si es así entonces sólo busca donde dice #outer-wrapper { y debajo de esa línea agrega esto:
    border:5px solid #000;

    Ahí le puedes modificar tanto el ancho, tipo de borde y color.
    ¡Saludos!

    ResponderEliminar
  27. Gracias Potro!!!
    Perdona mi retraso en responder a tu ayuda.
    Aprovecho aquí para darte las gracias tambien por las respuestas a las otras consultas que te hice. Poco a poco y gracias a tí, mi plantilla va siendo otra cosa.
    Nos vemos, gracias!

    ResponderEliminar
  28. todos tus contenidos en aca estan ..como se pide chumbeque..osea buenasos..felicitaciones POTRO...TU MUY BIEN....

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger