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.
Otra buena opción para decorar al blog en esta navidad,muy buena idea Potro.
ResponderEliminarCuidate,chau!
Potro: te quedaron sensacionales, de verdad que muy buenos.
ResponderEliminarSaludos,
PepeX, gracias por tu visita, saludos!
ResponderEliminarJazmine, gracias pero los patterns no son míos, yo sólo los cambié de .PAT a .PNG Saludos!
Muy buena tu idea de los patterns
ResponderEliminarmuy buena la voy a colocar
vale muy buena y Dropboz me sirvio de mucho
es muy facil subir cosas gracias de nuevo potro
Es muy práctico diría yo ;)
ResponderEliminarMuy bueno potroo!!
ResponderEliminarTengo 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!!
Mae me pregunto si no hay fondos navideños para bloggrs de anime para decorarlos a su justo...
ResponderEliminarDj 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.
ResponderEliminarARMANDOKUN, ummm no sé exactamente cómo serían los fondos navideños para anime =S
Ok Muchas graciaas!!
ResponderEliminarMe recomiendas que lo cambiee?? :)
Graciaas!
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.
ResponderEliminarSaludos.
OK!
ResponderEliminarMañana lo intentare cambiar!
Muchas gracias
Uhhhh...es un pendiente en mi blog... creo que voy a tener que ponerle aunque sea un gorrito a mi muñequito de cyber!
ResponderEliminarUn abrazo!!!
Siii, aunque sea un detalle que distinga la temporada =)
ResponderEliminarUn abrazo!
Ya lo he cambiado
ResponderEliminarPero 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!
La URL va sin las comillas, también elimina los puntos suspensivos. Va así:
ResponderEliminarbody {
background: url(http://img16.imageshack.us/img16/5199/333122736831928b613d374.png);
background-attachment: fixed;
}
Saludos.
Me sige apareciendo en blanco :'(
ResponderEliminarQue hagooo :S
Supongo que es porque tienes una llave que no está cerrada. Cambia toda esta parte para que quede así:
ResponderEliminarbody {
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.
:(
ResponderEliminarSiento 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!
Este comentario ha sido eliminado por el autor.
ResponderEliminaraaam 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 ?
ResponderEliminarHola Isavril,
ResponderEliminarBusca esta parte de tu plantilla:
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
Cambia lo que está en negrita por transparent
Saludos.
Oh ! muchas gracias, me funciono a la perfección :D.
ResponderEliminarEres muy seco y genial ! y tmb gracias por la rapidez y útiles consejos !
Gracias a ti por tu visita ;)
ResponderEliminarSaludos.
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
ResponderEliminarAgradezco tu ayuda
Hola Lili,
ResponderEliminarEso depende de la plantilla que uses, generalmente sólo basta con poner esto:
#content-wrapper {
background:#FFF;
}
Saludos.
no sirve el archivo
ResponderEliminarTanto el archivo como el enlace funcionan a la perfección.
ResponderEliminarOtra 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.
ResponderEliminarPotro, 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?
No te preocupes que mis pesadillas me las provoco yo mismo desbaratando tanto código por horas, y literalmente, sueño con ellos :\
ResponderEliminarSupongo 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!
Gracias Potro!!!
ResponderEliminarPerdona 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!
No hay de qué ;)
ResponderEliminar¡Saludos!
todos tus contenidos en aca estan ..como se pide chumbeque..osea buenasos..felicitaciones POTRO...TU MUY BIEN....
ResponderEliminarMuchas gracias :)
ResponderEliminar