En esta ocasión aprenderemos cómo cambiar el fondo de nuestro blog por una imágen o cambiar la imagen de fondo actual por otra. Para ello ve a Plantilla | Edición de HTML y busca este código:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor;
font-family: arial,verdana,helvetica,tahoma;
font-size: 100%;
width: 100%;
}
Es posible que tu código no se vea exactamente como este, ya que varía según su plantilla, lo importante es que localices el background que está dentro de body {
Ahora lo que hay que hacer es cambiar lo que está en rojo por este código:
Ahora lo que hay que hacer es cambiar lo que está en rojo por este código:
background: url(URL de la imagen) no-repeat;
background-attachment : fixed;
Sólo cambia donde dice URL de la imagen por la dirección donde tienes alojada la imagen de fondo que vas a usar. Si quieres que el fondo se mueva cuando bajen la página con el scrollbar entonces omite la última línea del código.
Con ese código la imagen no se repetirá, pero si tu imagen es pequeña o un patrón (pattern) entonces elimina lo que está en negrita para que la imagen de fondo se repita.
Si sólo quieres cambiar el color de fondo en lugar de una imágen entonces sólo cambia el código de color, por ejemplo: background:#fffff; esto dará un fondo de color blanco.
Con ese código la imagen no se repetirá, pero si tu imagen es pequeña o un patrón (pattern) entonces elimina lo que está en negrita para que la imagen de fondo se repita.
Si sólo quieres cambiar el color de fondo en lugar de una imágen entonces sólo cambia el código de color, por ejemplo: background:#fffff; esto dará un fondo de color blanco.
Ciudad Blogger
wow excelente tip, muchas gracias!!!!!
ResponderEliminarhey gracias por lo del width ya q no me quedaba la imagen al tamaño y no sabia porque :S
ResponderEliminargracias de nuevo
Hola JOSH_ONE, a tus ordenes. Saludos.
ResponderEliminarHola eurogirl, un placer ayudarte.
Saludos.
Funciono como lo esperaba, eres todo un experto, por eso pondre tu enlace en mi blog, es lo menos que puedo hacer por tu ayuda....
ResponderEliminarThank you!!!!!!
omegagil....
Hola antonio blog,
ResponderEliminarQué bueno que te sirvió. Muchas gracias por el enlace =)
Saludos.
parece que todos quedaron satisfechos pero a mi me salta esto "Se ha encontrado más de un artilugio con el ID: Image65. Los ID de artilugio deben ser exclusivos."
ResponderEliminarporfavor si podes decirme que estoy haciendo mal, porqué sigo todo al pie de la letra y siempre me salta eso..porfavor necesito tu ayuda amigo!
desde ya gracias.
Hola Lea-182,
ResponderEliminarEn realidad el problema no es con este truco, lo que sucede es que tienes dos gadgets de imágenes repetidos y aunque ahora estás editando algo distinto la plantilla "aprovecha el momento" para recordarte que hay un error.
El gadget de imagen que tienes repetido es el de la foto de Joey Ramone, ambos tienen el mismo ID. Si no te sirven los dos elimina uno, o bien si quieres conservar ambos, elimina uno y luego crea de nuevo el gadget.
Después de hacer eso verás que podrás cambiar el fondo de tu blog sin ningún problema. De lo contrario cualquier cambio que quieras hacer en la plantilla te aparecerá ese mensaje y no te dejará hacer nada hasta que lo arregles.
Si tienes alguna duda me comentas.
Saludos.
wee loco, sin mas que decir
ResponderEliminarmuchisimas gracias por la ayuda y los consejos:D
quedo copadisimo, me encanta como quedo..te re ganaste un link en mi blog.
disculpa que recien te puedo agradecer pero es que anddo re enfermo:/
pero bueno master
siceramente denuevo, muchisimas gracias!
segui asi!
saludos;D
Hola Lea-182,
ResponderEliminarQué bueno que ya pudiste arreglar el problema y ya puedes hacer los cambios que querías.
Deseo que ya te encuentres mejor de salud, sino un poco de blog te hará sentir mejor =)
Gracias a ti por tus comentarios.
Saludos.
hola. aun no encuentro el codigo que tu pones en mi blogspot no viene asi podrias atudarme i decirme si es este
ResponderEliminarbody {
margin: 0;
text-align: center;
min-width: 760px;
background: #ce436e url(http://www.blogblog.com/thisaway_rose/bg_body.gif) repeat-x $startSide top;
color: $textColor;
font-size: small;
}
Hola Yummi party,
ResponderEliminarCambia ese código que me dices por esto:
body {
margin: 0;
text-align: center;
min-width: 760px;
background: url(AQUÍ VA LA DIRECCIÓN DEL FONDO DE LA IMAGEN) repeat;
color: $textColor;
font-size: small;
}
Agrega la dirección de la imagen donde se indica y listo.
Saludos.
Esto tampoco me funciono ya van 2 buuuu coloque la url de la imagen mia y no causo ningun efecto??? plop una imagen para los comentarios tampoco me resulto???
ResponderEliminarHola RonnyTemxcano,
ResponderEliminarVerifica que la URL de la imagen es correcta, quizá ahí pueda estar el problema para que no se muestre en este truco y en el de la imagen de fondo en las entradas.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarPotro la imagen de la url tiene que ser *bmp, *jpeg, *gif, para mejor resultado o la extención da lo mismo...otra cosa la mayor parte de los upload para subir imagenes te dan como 4 o 5 posibilidades de url de enlace cual es el optimo para enlazar, yo utilice www.subirimagenes.com y me da estas opciones:
ResponderEliminarPrevisualzación:
Códigos BBcode phpbb:
Otros Códigos BBcode:
Imagen html:
Hola RonnyTemxcano,
ResponderEliminarNo importa la extensión, aunque .jpg es más liviano que otras extensiones.
Desconozco esas opciones, pues cada servidor tiene distintas, pero busca una URL parecida a esta:
http://loquesea.com/usuario/imagen.JPG
Como ves la URL debe terminar con el nombre del archivo y la extensión.
Saludos.
Hola, quisiera saber si es posible poner una imagen, pero para el fondo más leejos de todos, detras de los post y eso. Porfa ayudame! =)
ResponderEliminarHola Simon Potter,
ResponderEliminarNo sé a qué te refieras con "más lejos de todos". Cambiando el fondo como se explica acá, la imagen estará detrás de los posts y de los gadgets.
Saludos.
Yo tengo esto en pantalla y deseo cambiar el color por una imagen como hago q cambio?
ResponderEliminarbody {
margin:0px;
padding:0px;
background:$bgcolor;
color:$textcolor;
font-size: small;
}
Hola ISIS FILMS,
ResponderEliminarQuedaría de este modo:
body {
margin:0px;
padding:0px;
background-image: url(URL de la imagen);
color:$textcolor;
font-size: small;
}
Sólo cambia la URL de la imagen.
Saludos.
Gracias amigo Potro me sirvio tu consejo.
ResponderEliminarahora quisiera que la imagen sea una sola no varias.
tengo esto:
#header {
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
border-bottom:dotted 1px $bordercolor;
background:$descbgcolor;
}
Hola ISIS FILMS,
ResponderEliminarSólo hay que agregarle al código anterior un no-repeat, quedaría así:
body {
margin:0px;
padding:0px;
background-image: url(URL de la imagen) no-repeat;
color:$textcolor;
font-size: small;
}
De esa forma la imagen de fondo sólo aparecerá una vez.
Saludos.
amigo potro:
ResponderEliminaral colocar no-repeat el fondo se torno blanco, a que se debe eso? no habra otro codigo.
Ummm no, fíjate que lo hayas puesto tal como te lo puse en el comentario. Si sigue el problema dime la URL de tu blog para verificar el código.
ResponderEliminarSaludos.
amigo potro ese es:
ResponderEliminarhttp://hhonores.blogspot.com/
No veo que hayas puesto el código para la imagen, tienes el fondo del blog en color negro, no entiendo a qué te refieres =S
ResponderEliminara disculpame te lo enviare con el fondo en este momento.
ResponderEliminarHola ISIS FILMS,
ResponderEliminarAcabo de entrar a tu blog y lo veo bien, con un fondo de figuras egipcias. Parece que ya se ha resuelto el problema, cualquier cosa me comentas.
Saludos.
amigo potro lo que deseo es que se vea una sola imagen del wallpaper en el blog, vez varias veces la misma imagen repetidas, el codigo q me enviaste de no-repeat no me funciono pues el fondo se pone blanco que me aconsejas.
ResponderEliminarderrepente hay otro codigo.
Ok, ya hice una modificación, debe quedar así:
ResponderEliminarbody {
margin:0px;
padding:0px;
background: url(URL de la imagen)no-repeat;
color:$textcolor;
font-size: small;
}
Con este tendrás la imagen de fondo pero no se repetirá, sólo aparecerá una vez.
Saludos.
NO TUVE EXITO AMIGO, POR LO PRONTO LE HE PUESTO UN FONDO NEGRO JASPEADO QUE TAMBIEN SE REPITE PERO NO SE NOTA.
ResponderEliminarPERO AUN QUEDO INCONFORME PORQUE NO TENGO EL FONDO DESEADO.
SI CONSIGUES UNA SOLUCION CONTESTAME, GRACIAS POR TU TIEMPO DE TODOS MODOS.
SALUDOS.
Hola ISIS FILMS,
ResponderEliminarEl último código que te di es el mismo que usé para una prueba con la misma plantilla que usas y funcionó. Dime cuál es el problema ahora y vemos la solución, todo se puede arreglar no te preocupes. Si puedes dame la URL de la imagen que quieres y dime exactamente cómo quieres que quede la imagen de fondo.
Saludos.
Amigo Potro cuando escribi los codigos que me diste la imagen se veia varias veces.
ResponderEliminarTe mando el url de la imagen que quisiera que salga la eh creado con el fin de promocionar mi negocio de eventos sociales aqui en lima peru y me encantaria que ese sea mi fondo de imagen.
Si solucionas ese problem tambien te pediria otro servicio que es el de ponerle un tema musical de inicio a mi pagina, se podra?
de antemano gracias por tu tiempo y dedicacion hacia mi persona.
el url es:
http://3.bp.blogspot.com/_5Jdqm9uTufc/StVWo9AsYxI/AAAAAAAAAPA/6bGTmJbF6-M/s400/Fondo+de+blog.jpg
Hola ISIS FILMS,
ResponderEliminarLa imagen que quieres de fondo es muy pequeña, así que se puede centrar pero no creo que se aprecie mucho, este sería el código:
body {
margin:0px;
padding:0px;
background:#000 url(http://3.bp.blogspot.com/_5Jdqm9uTufc/StVWo9AsYxI/AAAAAAAAAPA/6bGTmJbF6-M/s400/Fondo+de+blog.jpg)center no-repeat;
background-attachment : fixed;
color:$textcolor;
font-size: small;
}
Úsalo y dime qué te parece.
Para la música de fondo puedes usar este reproductor:
http://ciudadblogger.com/2009/01/reproductor-dewplayer.html
Saludos.
que dimension en centimetros debe tener la imagen para que pueda calzar exactamente?
ResponderEliminarSi sabes escribeme.
Tu plantilla no tiene una medida específica de ancho pero puedes hacerla al mismo ancho de tu cabecera (56.44 cm) el problema es que cuando las imágenes de fondo son muy grandes tarda mucho en cargar la página.
ResponderEliminarHola potro,
ResponderEliminarqueria preguntarte si puedo cambiar el fondo por una imagen que tenga en mi computadora, en lugar de un url de la web.
En caso que sí, como hago?
mil gracias desde ya
Hola cerâmica no mapa,
ResponderEliminarNecesitas subir ese fondo a un servidor, puedes usar uno gratuito como Imageshack o TinyPic.
Es necesario que la tengas en la red para poder usarla en el blog.
Saludos.
Hola : lo primero agradezco el interés que tienes en atender nuestros problemas con los blog, en micaso lo que quiero es que el fondo del blog no se mueba, te mando copia del body por si lo necesitas ver.
ResponderEliminarla página es
http://charlyparti2.blogspot.com/
gracias por todo, soy fiel a tu blog
*/
body {
background: url(http://img132.imageshack.us/img132/5863/ffondoverde3.jpg) no-repeat top center ;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
Hola charly
ResponderEliminarSólo agrega lo que está en negrita:
body {
background: url(http://img132.imageshack.us/img132/5863/ffondoverde3.jpg) no-repeat top center ;
background-attachment : fixed;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
Saludos y gracias por tus comentarios!
gracias amigo se ve de lujo... y del tutorial, ni que decir.. esta chido 100% compronsible..
ResponderEliminarGracias por tus comentarios.
ResponderEliminarSaludos!
Hola Potro.
ResponderEliminarYa cambié el fondo por una imagen.
En mi caso, y según lo que ya te había comentado por correo, en mi sidebar derecha (Destacados). Dále un vistazo y me comentas.
Espero tu ayuda con respecto a diseño. Podrías darle alas a tu imaginación y ver si puedes crear una más "profesional" en comparación con la actual?...
La idea es que simule algo como un reproductor al estilo "Música Jpz" (siempre dejando un espacio para montar el Dewplayer y el listado de temas).
Saludos Master y gracias por tus tutoriales.
Jpz.-
No te aseguro nada porque ahora ando corto de tiempo, pero si logro hacerme un espacio veo qué puedo hacer.
ResponderEliminarSaludos!
Gracias Potro.
ResponderEliminarObviamente, el tiempo es oro. Así que cuando puedas solamente.
Gracias nuevamente.
Saludos.
Jpz.-
Hola Jpz,
ResponderEliminarA ver qué te parece este:
http://i45.tinypic.com/erid13.png
Abajo del display dejé el espacio para el reproductor, y la segunda parte es para poner la lista de canciones.
Espero sea de tu agrado.
Saludos.
Hola! Llevo como tres horas buscando por varios foros cómo cambiar el fondo de mi blog y aunque ya he probado todos consejos habidos y por haber, no hay forma!!! No lo consigo!!! Mi blog es http://escrituralternativa.blogspot.com/
ResponderEliminarLo único que quiero hacer es añadir una imagen que tengo en http://lh4.ggpht.com/_jHFFrLTcxG4/Szp_RurzmqI/AAAAAAAABIA/Y1MvZDWzJP4/mar%20de%20letras.jpg
NO quiero cambiar color, ni nada de nada. Sólo quiero añadir una imagen que se repita de forma fija en el blog, como fondo.
Me podéis ayudar?? Estoy desesperada!!
El código que tengo ahora mismo es:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
GRACIASSSSSSSS
Hola Little Becky,
ResponderEliminarSustituye ese código por este:
body {
background: url(http://lh4.ggpht.com/_jHFFrLTcxG4/Szp_RurzmqI/AAAAAAAABIA/Y1MvZDWzJP4/mar%20de%20letras.jpg);
background-attachment:fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Saludos!
Muchas gracias!! Por fin funciona!! Lo malo es que he comprobado que con ese fondo no se ve nada el contenido del blog...he tuneado otra vez la foto de tal forma que las letras de la imagen sólo aparezcan por ambos laterales, pero no sé cómo hacer para que la imagen no se repita dos veces a lo ancho de la página...alguna sugerencia??
ResponderEliminarSi quieres que la imagen sólo se repita hacia abajo entonces agrega en la línea del código de la imagen lo que está en negrita:
ResponderEliminarbackground: url(http://lh4.ggpht.com/_jHFFrLTcxG4/Szp_RurzmqI/AAAAAAAABIA/Y1MvZDWzJP4/mar%20de%20letras.jpg) repeat-y;
Si tienes alguna duda me comentas.
Saludos.
GraciasssssssS Al final lo que he hecho ha sido retocar la imagen para que el contenido del blog se vea mejor :) Qué guay encontrarte en este foro!!!!! Muchas graciassssS y Feliz Año Nuevooooooo
ResponderEliminarBesosS
Me alegro que hayas tenido los resultados esperados.
ResponderEliminarSaludos y feliz año nuevo!!!
Potro! No sé por qué pero de repente el fondo de mi blog ha desaparecido!!! Por más que vuelvo a poner la imagen en el código que me dijiste, no se ve!!! Te digo mi blog para que eches un vistazo:
ResponderEliminarhttp://www.gotasdelcantabrico.blogspot.com/
A ver si puedes decirme algo, porfa :)
BesossS
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarActualizo mi pregunta:
ResponderEliminarTodo está ok, el fondo se ve bien desde cualquier ordenador excepto el mío. Veo el fondo si abro el blog desde el Explorer, pero sólo se ve fondo blanco si abro el blog con el firefox...por qué no se ve el fondo rojo con el firefox????
BesosS
Potro.
ResponderEliminarExcelente diseño. No esperaba menos de tu parte.
Gracias por tu tiempo y disposición para mí.
En un momento más lo implemento.
Grande Potro!!!!.
Saludos.
Jpz.-
ada, supongo que debe ser la versión de tu navegador, yo he entrado a tu blog tanto en Chrome, Explorer, Opera y Firefox y en todos se ve el fondo rojo sin problema alguno.
ResponderEliminarJpz, qué bueno que te gustó, ya pasé a tu blog y me ha gustado cómo se ve. Saludos.
Y cuál versión debería instalarme? Las últimas??? En el explorer se ve guay pero en el firefox no...voy a trastear a ver qué pasa :)
ResponderEliminarBesosS
Supongo que la última, en la página de Firefox está la descarga de la última versión.
ResponderEliminarSaludos.
neta gracias muchas gracias me sirvio 100% venga saludos
ResponderEliminarMe alegra que te haya servido ;)
ResponderEliminarSaludos.
Hola, espectaular estos datos, he experimentado todos los datos que has dado y funcionan a la perfeccion. Solo falta saber como hago para lograr que la imagen de fondo se mueva a medida que voy bajando. Gracias.
ResponderEliminarHola SanyS,
ResponderEliminarQué bueno que los códigos te estén dando los resultados esperados ;)
Para que la imagen se mueva a medida que bajas o subes sólo elimina esta parte:
background-attachment : fixed;
Saludos.
HOLA QUISIERA QUE ME AYUDARAS, HICE TODO EL PROCEDIMIENTO SEGUN TUS INDICACIONES PERO LA IMAGEN DE FONDO DEL BLOG ME APARECIO SOLO POR UN COSTADO Y EL OTRO ESTABA BLANCO Y LUEO TODO SE VOLVIO BLANCO Y NO SALE NADA ESTO ES LO K TENGO:
ResponderEliminarbody {
margin: 0;
text-align: center;
min-width: 760px;
background-image: url(http://img59.imageshack.us/img59/9025/amorb.gif)no-repeat top center;
color: $textColor;
font-size: small;
Hola diego nueno,
ResponderEliminarNecesitaría saber cuál es tu blog para conocer la estructura de tu plantilla.
Así a simple vista por el código que mencionas sólo podría decirte que elimines el no-repeat top center pero bien esa podría no ser la solución.
Saludos.
esta es la direccion http://coleccion44.blogspot.com
ResponderEliminarojala me puedas ayudar
gracias saludos.
oh! bueno no me di cuenta que me diste una opcion y al ejecutarla salio bien por el momento no hay problemas
ResponderEliminargracias por tu ayuda XD
Por nada diego, me alegro que ya esté funcionando.
ResponderEliminarSaludos.
hola potro!
ResponderEliminaresta ves me surgio un problema que lo tengo hace mucho pero decidi recurrite a vos antes de que termine rompiendo la computadora :)
hace mucho el fondo de mi blog se veia de relleno es decir expandido en la totalidad de la pantalla y ahora lo encuentro centrado :/
http://demonastrus.blogspot.com
esta es la plantilla para que me digas que ago mal :/.
body {
background:$bgcolor url(http://i47.tinypic.com/15yyhit.jpg) fixed no-repeat top center;
...
}
saludos y gracias!
Hola Aferael,
ResponderEliminarLa imagen de fondo no se expande como tal sino que se repite, en este caso elimina donde dice no-repeat que está dentro del código que mencionas.
Saludos.
Hola Potro,
ResponderEliminarHe subido una imagen de fondo en mi página pero esta queda muy chica. Yo quisiera que abarcara toda la pantalla sin tener que usar repeat pues me quedan unas líneas que no me gustan en las orillas (el fondo no es un color sólido y por eso se ve así).
Supongo que tiene que ver con el tamaño de la imagen que estoy utilizando pero no sé cómo hacerle para que abarque toda la página.
saludos!
http://perpetuarestauracion.blogspot.com/
body {
background:$bgcolor;
margin:0;
padding-left: 100px;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color: #EBEAEC;
background-image: url(http://i827.photobucket.com/albums/zz199/perpetuarestauracion/fondoperpetua2.gif);
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
border-color: #ffffff;
border-width:0px ;
border-style: solid;
}
Hola Norma García,
ResponderEliminarEs difícil que puedas tener un ancho perfecto en una imagen que no se repite para el fondo de tu blog, la razón es que no todos los usuarios usan la misma resolución de pantalla o bien, el mismo ancho de ventana del navegador, por lo que si la ventana está chica se apreciará todo el fondo, pero si el usuario tiene la ventana más ancha y aparte un monitor más grande entonces se verá cortada la imagen.
De cualquier modo si quieres intentarlo sólo busca en el código que has puesto esta parte:
background-repeat: repeat;
Y cambialo por esta otra:
background-repeat: no-repeat;
Con eso la imagen no se repetirá.
Saludos.
Muchas gracias Potro!
ResponderEliminarHola q tal El Potro una vez mas Gracias por los grandiosos trucos d tu ciudad para los blog!!
ResponderEliminary pues tengo una duda, ya me quedo y funciono perfectamente ya lo probe en diferentes navegadores y computadoras con resoluciones diferentes, la duda mas q nada es q si se puede poner el Fondo Negro para cuando esta Cargando la pagina (es q se ve Blanco mientras carga el fondo y no se ve nada por q las letras son Gris)
y como tiene q estar cargando cada q se entra a otra seccion se me hace algo tedioso no se... jaja
es una simple duda si no se puede o algo asi no hay problema al fin q carga rapido en algunos casos bueno dependiendo d la conexion
bueno t dejo la direccion d mi blog por fa
http://rammsteinlinks.blogspot.com/
Saludos y Gracias!
Hola RammsteinLinks,
ResponderEliminarSí puedes ponerle un fondo de color, pero igual es recomendable que la imagen no esté muy pesada, pues entre más pesada esté más tadará en cargar.
Sólo hay que agregar el código del color dentro de la misma línea, en este caso es color negro:
background: #000000 url(URL de la imagen) no-repeat;
Con eso tendrás el fondo negro y además la imagen.
Saludos.
Muchas gracias! me ah servido d mucho
ResponderEliminarpor cierto andaba en busca de como poner el efecto
Lightbox y parece q me leiste la mente! jaja hace poco los colocaste jeje
Saludos y Muuchas Graacias!
Entonces procura no tener malos pensamientos que podré enterarme de ellos, jajaja.
ResponderEliminarSaludos.
Gracias Potro.
ResponderEliminarCambié mi fondo de blog por una imagen.
El único problema que persiste es que no he podido dejar que la imagen se vea en cuando bajo con el scroll. Se ve cortad.
No entendí bien eso de el último código. Qué se debe al respecto?
Gracias por tus respuestas!!
Pablo
Te dejo mi dirección para que medigas que arreglar
body {
background:#2a2a2a url(http://www.tuswallpapersgratis.com/images/wallpapers/Uvas-1024x768-962046.jpeg) repeat-x 0 0;
width:1000px;
margin:0 auto 10px;
font:normal 12px Arial,Verdana,Tahoma;
color:#7b878f;
Hola Pablo,
ResponderEliminarPara que se repita la imagen y puedas verla aun cuando bajas el scroll elimina esta parte del código que acabas de mostrarme:
repeat-x 0 0
Saludos.
Gracias Master
ResponderEliminarSolucioné el problema..
Pablo
Hola Potro.
ResponderEliminarGracias por éste fantástico blog.La verdad es que había buscado en otros sitios,soluciones a mis necesidades con mi blog,pero sólo aquí he visto que explicáis muy bien.Lo suficiente para que novatos cómo yo,que me acabo de hacer un blog por primera vez hace una semana aproximadamente,aprendamos mucho.
Mi problema reside en que me estoy haciendo un blog de arte,y cómo artista,me gustaría mucho personalizar mi plantilla a mi gusto.La plantilla que tengo es la "Picture window",y me gustaría saber si se puede quitar el fondo semitransparente que queda detrás de todo el contenido del blog.Me interesa hacerlo transparente total,y que sólo se vea la imagen que quiero poner de fondo.
Perdón por el ladrillo y gracias de antemano.
Mi blog: http://ivanserranogarcia.blogspot.com/
Perdón por éste post adicional.Pero he visto el blog que tiene el compañero de más arriba "RammsteinLinks",y mi idea es que mi blog quede más o menos igual que el suyo.
ResponderEliminarDetrás de todo el contenido del blog,que se vea sólo la imagen de fondo.
Gracias.
Hola Ivan Serrano,
ResponderEliminarMuchas gracias por tus comentarios, me da gusto saber que este blog te ha servido de ayuda para impulsar tu nuevo proyecto con ese blog que estás empezando.
Entré a tu blog pero no vi la imagen semitransparente que mencionas, supongo que ya has sabido cómo quitarla.
Saludos.
Hola Potro.Gracias por la respuesta.Supongo que no has podido verlo porque estaba haciendo pruebas con un fondo negro y por éso no se veía lo que te comentaba.Ahora ya he cambiado otra vez el fondo a uno de Blogger,por si entras que puedas a que me refiero.
ResponderEliminarY lo que tampoco consigo es poner la imagen en grande o que ocupe todo el fondo cómo yo quiero.Estoy haciendo una con Photoshop en negro y amarillo,pero se queda pequeña aúnque la centre,y me gustaría que fuera más ancha que el contenido.
Muchas gracias.
Hola de nuevo Ivan,
ResponderEliminarEntonces sólo busca esta parte y elimina lo que está en negrita:
.content-outer {
background: transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left;
Si vas a cambiar la imagen de fondo y la quieres de ese tamaño entonces te recomiendo que la hagas con las mismas medidas que la actual. La imagen de fondo que tienes es esta:
http://themes.googleusercontent.com/image?id=1sbDCVdylfaB7TKeFHt378q5EKX7N0LZqrNn6Rj52PMX_6iCNiKeZmsuGc-TyI4VlelfT
Saludos.
Hola Potro.
ResponderEliminarMuchas muchas muchísimas gracias por tu ayuda amigo.Eres muy grande.
Todavía no he terminado de personalizar mi blog pero he probado las dos cosas y funcona perfecto.Ahora sólo quedan algunos rompecabezas que solucionar con Photoshop y ya estará.
Bueno,la verdad es que al principio me he hecho un poco de lío,pues con lo del background transparente no salía exactamente así:
.content-outer {
background: transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left;
No estaba seguro de que fuera éso,pero no encontré en el código nada más parecido.Así que decidí borrar lo que había después de "background:" y poner sólo "transparent".Y voilá,se quedó perfecto.
Con la imagen también he tenido que hacer algunos arreglos en Photoshop para que encaje en todo el fondo del blog y no se recorte,pero lo he solucionado.
Muchas gracias maestro sin ti,no lo habría conseguido.
De hecho el código lo saqué viendo el código fuente de tu plantilla, y estaba tal cual te lo puse en el comentario.
ResponderEliminarQué bueno que ya está solucionado ;)
Hola Potro.Me está sirviendo de mucho tu ayuda.Te lo agradezco.Pero éstos de Blogger parece que diseñaron el sistema con bastantes limitaciones y no sé si hay cosas que se puedan personalizar.El problema que tengo ahora es que he puesto una imagen de fondo que me hace a la vez de cabecera,y queda muy bien junto con el menú de páginas justo debajo.El problema es que yo no tengo imagen de cabecera todo el fondo es el diseño,y claro sale por fuerza el título del blog encima y lo estropea todo.Además si pongo las letras del título pequeñas,el menú y las entradas se montan encima de lo que sería mi cabecera y lo estropea más si cabe.He tenido que poner una imagen de 2 píxeles de ancha recortada del fondo y estratégicamente puesta para que no se vea el título del blog y no se note que está ahí.Pero si tienes un monitor 16:9 cómo yo supongo que se ve bien,pero lo he probado en un 4:3 y se mueve la rayita de 2 pix.Mi pregunta es: Se puede dejar la cabecera sin imagen y que no se vea el título,pero mantener la distancia deseada con la parte de arriba del blog? http://ivanserranogarcia.blogspot.com/
ResponderEliminarPido perdón por los largos post que hago pero creo que me sería difícil explicar algo tan complicado con menos palabras.
Muchas gracias de antemano,y gracias por lo que ya me has ayudado.
Hola Ivan Serrano,
ResponderEliminarQuien quiere hacerte difícil la vida no es Blogger sino que usas una plantilla que no es de Blogger así que los diseñadores de repente tienen que quitar o poner elementos que no son clásicos de las plantillas de Blogger y es cuando surgen esos problemas.
Lo que puedes hacer es eliminar el título del blog para que no aparezca y no se te encime con nada que tengas detrás de él.
Por lo largo de los comentarios no te preocupes, es mejor que se alargue un poco, siempre y cuando quede bien entendido :)
Genial Potro! Ha funcionado perfecto! Muchas gracias.El código de mi plantilla es algo diferente y me ha costado un poco identificarlo,pero al final lo he logrado.Me estoy familiarizando con ésto del HTML,supongo.Ahora tengo que encontrar la forma de conseguir que el menú de páginas y las entradas me queden más abajo para que no se monten por encima de la imagen fondo,cómo lo tenía con la tipografía del título a un tamaño concreto.Voy a buscar a ver si encuentro una forma de separar el menú de la parte de arriba del blog por píxeles.Si supieras alguna forma te agradecería mucho que me la indicaras.Ciudad Blogger es grande,gracias por la ayuda.Cuando tenga mi blog terminado os reservo un sitio en mi lista de blogs,por supuesto.
ResponderEliminarNo veo que esté encimado, supongo que ya lo has de haber arreglado.
ResponderEliminarSaludos.
Hola Potro.No encontré en el código la forma de separar el menú de páginas de la parte superior del blog.Pero se me ocurrió modificarlo para poder añadir más gadgets a la cabecera y poner uno de texto.Entonces sin escribir nada,le he dado varias veces al intro hasta conseguir la distancia deseada,y ha quedado perfecto.
ResponderEliminarSaludos.
Vaya, bastante sencilla la solución ;)
ResponderEliminaray GRACIAAAAAAAAAASSSS!!! Por fin! Lei varios pero un simple detalle cambia todo! que barbaro... Bueno, por fin lo logré Muchisimas gracias por tu ayuda! Visita nuestro blog a ver q te parece! http://marialeyorquesta.blogspot.com
ResponderEliminarBESOS Y MAS GRACIAS! XD
Qué bueno que ya lo has solucionado :)
ResponderEliminarGracias por tu visita.
y como puedo poner una foto de fondo desde mi equipo?
ResponderEliminarSubela desde Blogger como si fueras a subir una foto en una entrada. Cuando suba verás en la pestaña Edición de HTML que aparecen unos códigos, esos son los códigos de la imagen que subiste de tu equipo, verás dos URL, usa la segunda para ponerla como fondo del blog.
ResponderEliminarPOTRO QUISIERA SABER COMO CAMBIAR EL COLOR DEL FONDO DE LAS ENTRADAS, NO DE TODO EL BLOG SINO SOLO EL COLOR DE LAS ENTRADAS
ResponderEliminarDebajo de donde dice:
ResponderEliminar.post {
Puedes agregar un color de fondo, por ejemplo:
background:#00FF00;
POTRO ERES ON LOGO ¡MUCHAS GRACIAS!
ResponderEliminarOTRA DUDA POTRO
¿QUE HAGO PARA QUE SIEMPRE APARESCA UN ICONO EN CADA COMENTARIO?
Agrega esto en tu plantilla:
ResponderEliminar.comment-author {
background: url (URL del icono) left no-repeat;
padding-left: 25px;
}
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEn que parte exactamente se añade el codigo
ResponderEliminar#comments {
padding:0px;
font-size:110%;
font-weight:bold;
}
.comment-author {
margin-top: 25px;
}
.comment-body {
font-size:100%;
font-weight:normal;
color:#000000;
}
.comment-footer {
padding-bottom:20px;
color:$footercolor;
font-size:80%;
font-weight:normal;
display:inline;
margin-$endSide:10px
}
porque provee reemplandolo por .comment-author { y no sale, tambien lo puse debajo de .comment-author { y no sale, o el codigo va en otra parte o tengo que cambiar algo más, espero tu respuesta Potro
En cualquier parte antes de ]]></b:skin> debe funcionar a menos que tengas una plantilla que no sea de Blogger y esté muy modificada, si ese es el caso entonces no podría decirte cómo agregarlo :(
ResponderEliminarcomo le hago para repetir la imagen
ResponderEliminarTal como dice en la entrada, elimina lo que está negrita que dice no-repeat y la imagen se repetirá.
ResponderEliminarSólo es cuestión que apliques el color de fondo a las áreas que quieres.
ResponderEliminarSi quieres agregárselo a la sidebar entonces será dentro de #sidebar-wrapper
Si quieres agregárselo a las entradas entonces será dentro de #main-wrapper
Si quieres agregárselo al footer entonces será dentro de #footer-wrapper
Saludos.
hallo
ResponderEliminarpues ami se me traba u.u es triste quiero la imagen pero
el blog no me lo agarra
esto me sale en el blog
body {
font: $(body.font);
color: $(body.text.color);
y cuuando meto el http de la imagen no me la agarra
q puedo hacer D=
hola¡¡¡
ResponderEliminarmuy bn explicado pero el problema es que yo ya lo hice y no me sale no se en que me este equivocando..
PRIMERO EN MI BLLOG APARECE ESTO
background:$(body.background);
DESPUES RETIRES ESTO
$(body.background);
Y DESPUES LE AGREGUE EL URL HACI:
background:(http://3.bp.blogspot.com/_LFG1pDHjvE0/TEEIxetfx1I/AAAAAAAAAeg/3Gr1bOZX4eo/s1600/back-arriba.jpg)
SOLO QUE EN MI BLOG SI APARECE JUNTO EL :Y EL URL.
me pueden decir en que me equivoque
kary y brenda lilian,
ResponderEliminarEn las plantillas nuevas de Blogger el procedimiento es otro. En esta entrada Oloblogger explica cómo hacerlo en las nuevas plantillas.
Saludos.
thanks :D
ResponderEliminarpotro, como hago para q no se me repita a lo largo una imagen q puse d fondo del blog, ya que es casi imposible poner una imagen q tenga 3000px d largo, por decirte un numero inmenso... me gustaria q la imagen d fondo no se mueva y lo q baje y suba sea la parte central del contenido... por ej en: http://riverlate.com/ vas a ver q el fondo queda estatico... creo q tambien lo traen las nuevas plantillas predeterminadas d blogger...
ResponderEliminargracias...
Para que se repita a lo largo sólo cambia donde dice no-repeat por repeat-y
ResponderEliminarPara que el fondo no se mueva agrega lo que se indica en la entrada:
background-attachment : fixed;
listo ya lo pude hacer... x casualidad se puede hacer q al entrar en alguna parte especial del blog, ya sea por ej. una determinada etiqueta, la imagen de fondo vaya cambiando? en mi caso, tengo un blog de deportes y me gustaria, como tienen algunas paginas, que al ingresar en un determinado deporte (futbol, basket, boxeo, etc)la imagen de fondo vaya acorde al tema...
ResponderEliminarprobablemente sea imposible pero me gusta darte desafios... jaja...
saludos...
Sí es posible, mira esta entrada, habla acerca de los códigos condicionales, con ellos puedes hacer ese tipo de cambios.
ResponderEliminarCasi al final de la entrada hay un ejemplo de cómo usarlos, en tu caso tendrías que poner dentro el atributo del color de fondo, en este caso:
body {
background: #000;
}
oyeee T.T a mi me sale esto
ResponderEliminarHola tengo este body y no puedo cambiar cuando reemplazo backgound con la url que estare haciendo mal, sale siempre fondo blanco.
ResponderEliminarMi Body actual
body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
URL dela foto
http://picasaweb.google.com/lh/photo/gbuNPuJYOi_9JLEQFqQrGA?feat=directlink
gracias !!!
Esa URL es la dirección para ver la imagen en Picasa pero no es la URL directa de la foto.
ResponderEliminarLa URL que debes poner es esta:
http://lh4.ggpht.com/_Arh9Cn11MiY/TKXLf0CLaSI/AAAAAAAAA98/C5pZrW92Sto/s800/img6.jpg
Este comentario ha sido eliminado por el autor.
ResponderEliminarAy, Potro... pude cambiar el color de fondo (negro), pero solo en Chrome aparece el cambio... en explorer y firefox queda todo en blanco... por qué?
ResponderEliminaresto es lo que tengo en el codigo body {
ResponderEliminarbackground:#00000;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Es que a tu código del color le falta un cero, debe ser #000000;
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminaramigo, seguí tu consejo y me funciono, pero con un problema, mi imagen aparece del lado izquierdo y del lado derecho me lo tapa una barra de algo que no deja ver el resto de la imagen...no se como solucionarlo, alguna respuesta??
ResponderEliminarpor favor agregame al mail y explícamelo por ahí que es mas cómodo, mil gracias!!
aladerivarock@hotmail.com
Todas las preguntas y respuestas se hacen únicamente por este medio.
ResponderEliminarNecesitaría ver en cuál blog lo has puesto para darme una idea de qué pueda estar pasando.
Saludos.
hola potro:
ResponderEliminarqueria decirte que soy un poco ingnorante y no entendi como debo hacerlo...
te gustaria ayudarme????
esto es lo que me aparece:
body {
font: $(body.font);
color: $(body.text.color);
background: url(http://lh4.ggpht.com/_jHFFrLTcxG4/Szp_RurzmqI/AAAAAAAABIA/Y1MvZDWzJP4/mar%20de%20letras.jpg) no-repeat;
background-attachment : fixed;
}
espero que puedas ayudarme
de antemano
gracias
Así como lo has puesto está bien, el único problema es que la URL de la imagen que pusiste no existe.
ResponderEliminarOlle mas o menos por donde se encuentra el codigo??
ResponderEliminarSaludos.
Al inicio de la plantilla, presiona las teclas CTRL + F y ahí escribe body {
ResponderEliminarAsí te será más fácil localizar el código.
Muy buenas potro, me podrias decir como pongo una imagen de fondo en las entradas? (es decir del contenedor)
ResponderEliminarEl fondo de la pagina ya lo cambie y le puse una imagen pero no consigo cambiar el de donde esta lo que escribo y el trozo donde esta la cabecera.
Mi blog es este: http://todominecraft.blogspot.com/
y como te digo lo q quiero cambiar es el fondo blanco que llevo un rato y no lo consigo.
Gracias de antemano y un saludo.
Pues ahí dentro de .post { está bien, veo que ya lo has conseguido.
ResponderEliminarHola El Potro, no sabia donde poner esto...
ResponderEliminarfijate en la cabecera de mi blog.detras de la cabecera se ve como verde, que es la cabecera predeterminada, llevo ya dos dias y no puedo quitarla :( como podría quitar eso verde ???
Mi blog: http://argonauta-s.blogspot.com/
Entra a Diseño y luego al Diseñador de plantillas, ahí selecciona la pestaña Avanzado y luego Fondos. En 'Fondo de la cabecera' puedes cambiar ese color de fondo verde que tienes actualmente.
ResponderEliminarMuchas gracias El Potro, estuve mirando por hay pero no se me ocurrio mirar en Fondos ^^, espero que funcione, ya te diré...
ResponderEliminar...Funciona, Gracias El potro, te enlacare en mi blog :-)
ResponderEliminarMuchas Gracias ;)
Te agradezco el enlace :)
ResponderEliminarPerdoname potro, me estoy volviendo loco.
ResponderEliminarHe creado otro blog. No sé si todo lo que aprendí lo he olvidado.
Este nuevo blog es: http://epifanioquiros.blogspot.com/
body {
font: $(body.font);
color: $(body.text.color);
background: url(http://i52.tinypic.com/2dirklk.jpg);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
Quiero cambiar el fondo por una imagen y he seguido tus pasos pero sólo se ve por detrás y quiero conseguir el mismo efecto que en este otro blog que tengo: http://iesyfol.blogspot.com/
Pero en el nuevo el cuerpo del blog y la cabecera no tienen el fondo elegido,. ¿Qué hago mal o que no hago que debería hacer?
Gracias.
Lo que sucede es que esas plantillas son distintas entre ellas por lo que sus procedimientos son distintos.
ResponderEliminarEn el caso de la que quieres cambiar verás que dentro del área de:
.body-fauxcolumn-outer .cap-top {
También hay un background que es el que se muestra en la parte superior. Sólo eliminalo y deberá solucionarse el problema.
Pero ojo, eso sólo cambiará el fondo de la estructura del blog. Si deseas eliminar todos los fondos deberás hacerlo desde el Diseñador de plantillas, en la pestaña Avanzado se pueden cambiar esos colores por 'transparente'.
Saludos.
Gracias Potro, me estaba volviendo loco. Funciona perfectamente. Ahora intentaré quitar el contorno al cuerpo central y seguir confeccionándolo.
ResponderEliminarGracias, de nuevo por tu generosidad y amabilidad.
demonios porque no puedo cambiarlo? hice todo q esta ahi, cambie el url de la imagen y no sale nadaa, ayudamee!
ResponderEliminaro.o olvidalooo, sin hacer nada me ayudaste, es solo q creo estar ciega y obvie unas cosa jajaja pero graciias
ResponderEliminarQué bueno que ya lo has resuelto :)
ResponderEliminarhola potro tengo una plantilla sencilla del diseñador de plantillas y sabes que no encuentro el codigo que tu marcas. probé buscarlo pero no logro, lño unico que quiero es cambiarle el fondo por un color solido
ResponderEliminarabrazo, muchas gracias y sos el uno viejo
eso es lo que me aparece
ResponderEliminarbody {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
text-decoration: underline;
color: $(link.hover.color);
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
Sólo elimina lo que está en negrita y en lugar pon el código del color que deseas:
ResponderEliminarbody {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
¡Saludos!
Hola Potro,
ResponderEliminarQue tal estas?.
Tengo una duda referente al encuadre de las fotos. Como no he visto otro post mas parecido, lo pongo aqui. Como puedo ponerle un borde (blanco o negro a una foto?).A veces he visto tambien una linea negra que encuadra ese borde.
Creo que hay plantillas que te permiten hacer esto desde el panel de control en Diseño (Diseñador de Plantillas), pero en mi plantilla no tengo esa posibilidad...
Muchas Gracias
Tu seguidor fiel,
Jose
Hola Jose,
ResponderEliminarSi quieres que sólo unas cuantas imágenes tengan el borde entonces dentro del código de cada imagen agrega esto:
style="border:10px solid #000"
Si quieres que todas las imágenes de las entradas tengan ese borde entonces busca esta línea:
.post h3 {
Justo arriba de ella agrega esto:
.post img {border:10px solid #000}
El 10px es el ancho del borde, y el #000 es el color.
Saludos.
Hola Potro,
ResponderEliminarGracias por tu comentario.
Quizas estoy haciendo algo mal.! El borde me aparece pero sus dimensiones son mayores que el borde de la foto. No consigo que el borde negro quede exactamente ajustado al borde de la foto. En el codigo de la imagen me aparece esto : style="clear:both;
Cuando dices agregar: En que lado exatamente lo agrego?>. No se trata de sustituir un style por otro, verdad?>..
Me gusta mas la idea de ponerle el borde solo a unas cuantas fotos!..
Muchas Gracias Potro por tu ayuda.
Tu seguidor fiel,
Jose
Hola Jose,
ResponderEliminarSi el código de la imagen ya tiene un style entonces no necesitas agregar otro sólo incluir dentro el código del borde que en este caso sólo sería:
border:10px solid #000;
Ponlo como lo has hecho y déjalo así, luego me dices la entrada donde lo has puesto para que pueda ver bien el problema con tienes con ello.
Saludos.
Hola Potro,
ResponderEliminarHe mandado un email a la pagina principal de contacto. Perdona por usar ese medio, pero debe ser que algo va mal con mi ordenador; me daba este mensaje: Su HTM no es aceptable: Etiqueta no permitida: DIV. Espero que sea algo pasajero.
Un saludo y muchas gracias.
Tu seguidor fiel,
Jose
Hola José,
ResponderEliminarYa te he respondido el correo.
Saludos!
Muchas Gracias Potro.
ResponderEliminarHa salido a las mil maravillas!.. Ahora estoy todo el rato cambiando los bordes a distintos colores. Me olvide preguntarte otra cosita mas y perdona la tabarra!.. Es posible tener dos bordes?. Me explico: En ocasiones he visto fotos con un borde blanco de unos 10px y luego a este borde le rodea otro borde finisimo de color negro que lo enmarca.
Ah! Gracias por el convertidor de HTML. No tenia ni ide de eso!..
Muchisimas gracias por pulirnos cada dia un poco mas y sacar lo mejor que hay en nosotros.
Tu seguidor fiel,
Jose
Pues puedes probar los diferentes estilos de borde que hay, por ejemplo, el código del borde que te di es así:
ResponderEliminarborder:10px solid #000;
Cambia ese solid por uno de estos:
dotted
dashed
double
groove
ridge
inset
outset
Hola Potro,
ResponderEliminarMe las anoto todas!..
Muchisimas gracias
Tu seguidor fiel,
Jose
en el mio lo único que dice de body background es esto:
ResponderEliminarbackground: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
y lo intenté pero no pude....
Mira el comentario #112
ResponderEliminarSiempre he querido hacer eso.
ResponderEliminarHola! Yo intenté agregarle una imagen al outer-wrapper, pero me está funcionando en Chrome y en Firefox. En el Explorer no se ve la imagen. Habrá algún detalle para mejorar desde el código? O ya es problema del navegador?
ResponderEliminarhttp://www.nikojackson.com.ar
Hola Manu,
ResponderEliminarEn Internet Explorer a veces hay que ser más específicos con las declaraciones de los atributos, o mejor dicho, hacerlas por separado.
Prueba ponerlo así:
background-image: url(http://i1213.photobucket.com/albums/cc473/manudp77/spotlight.jpg);
background-repeat: no-repeat;
Maldito Explorer. Ahora funcionó. Mil gracias. Ahí va "donación" para ti :P
ResponderEliminarQué bien que resultó el truquillo ;)
ResponderEliminarHola Potro una preguntilla porque no tengo ni idea y si no es porque me lo dicen ni idea tenía tampoco. Bueno, resulta que en este blog http://elclubdemisamores-meri.blogspot.com/ si se ve con IE el fondo se ve blanco, no tenía ni idea porque IE no lo utilizo ¿Qué puedo hacer?
ResponderEliminarSaludos
Hola Meri,
ResponderEliminarPrueba cambiando esto:
background:#112233 url(http://3.bp.blogspot.com/-NqE6zJiipzQ/Tk-ziH9YC1I/AAAAAAAAJcY/PVXv4x1EXlQ/s1600/94.jpg)fixed no-repeat top left;
Por esto:
background-color:#112233;
background-image: url(http://3.bp.blogspot.com/-NqE6zJiipzQ/Tk-ziH9YC1I/AAAAAAAAJcY/PVXv4x1EXlQ/s1600/94.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
Problema resuelto
ResponderEliminarMuchísimas gracias Potro ¡no se que haría sin tí!
Saludos
Qué bueno que pudo resolverse Meri, buen inicio de semana!
ResponderEliminarYo tengo esto en pantalla:
ResponderEliminarbody {
font: $(body.font);
color: $(body.text.color);
background: ;
hola . quiero saber como se hace para dejar el blogger totalmente negro ,Sin una platilla y solamente con el fondo negro ,Porque no hay ninguna plantilla que sea negra entonces se la quiero sacar pero noce como
ResponderEliminarhola yo no lo puedo encontrar me dice mas o menos donde esta?
ResponderEliminargracias
Milagros Arami, ese background: ; es el que debes cambiar por lo que se indica en la entrada.
ResponderEliminarCeeles, ¿te refieres a que el blog no tenga absolutamente nada de nada?
ResponderEliminarEntonces elimina todos los códigos de tu plantilla (todo, todo), y en su lugar pon esto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<b:skin>
body {background:#000;}
</b:skin>
</head>
<body>
</body>
</html>
Pero ojo, eso hará que el blog ya no tenga nada, ni entradas, ni gadgets, nada.
Nahuel, al inicio de la plantilla, igual puedes usar las teclas CTRL + F para localizar los códigos más fácil.
ResponderEliminarHola quería saber si es posible mantener el body blanco y que el header quede transparente para poder apoyarlo directamente sobre un fondo que yo coloqué. saludos!
ResponderEliminarPuedes poner el body blanco poniendo sólo el color de fondo blanco:
ResponderEliminarbackground: #fff;
Y el header sólo localiza esta área y elimina lo que está en negrita:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
De esa forma el header no tendrá un color de fondo.
Hola Potro!, gracias por tu pronta respuesta. No me funcionó. Será porque tengo una plantilla sensilla? yo quiero lograr algo como esto http://www.soyrecesionista.com.ar/
ResponderEliminarsaludos
Romi
Hola Potro!, ahora si pude hacerlo...nose bien como jajajaja. gracias!
ResponderEliminarSeguro algún caracter habías puesto mal o algo parecido. Qué bueno que ya está resuelto :)
ResponderEliminarAhora lo que no logro corregir es el espacio que quedo al quitar la navbar, hice lo que pusiste en el post relacionado a esto pero no lo corrige, aparece escrito ese código en el blog (mypartyboxblog.com)
ResponderEliminarlisto, lo solucioné!!! no voy a decir cual era mi error porque me van a cargar.... jiji
ResponderEliminargracias por todo!!
No te preocupes, aquí no regañamos a nadie ;)
ResponderEliminargrasias me funsiono yase canbiarle el fondo grasias
ResponderEliminarHola Potro! como estas? al final me cambie a una plantilla mínima y comencé todo otra vez. Y ahora si que no puedo borrar el fondo blanco del header. Yo quiero que el blanco comience luego del menú, es decir que el menú y el header queden apoyados sobre el fondo cuadrille. Y tampoco se como poner un margen más amplio a la izquierdea entre el blanco y el post. Te dejo el link de mi blog para que veas. Saludos y muchas gracias! www.mypartyboxblog.com
ResponderEliminarHola mypartybox,
ResponderEliminarModificando el color de fondo de la cabecera no te serviría pues no cubriría el menú ya que éste ya no es parte de la cabecera, y tampoco cubriría los lados de la misma.
Lo que podría ser más conveniente es que apliques una imagen al #outer-wrapper, de esa forma la imagen cubriría toda la parte superior que quieres y lo demás no.
Sólo tienes que cambiar el background que está en #outer-wrapper por esto:
background: #FFFFFF url(URL de la imagen) repeat-x;
Toma en cuenta que la imagen sólo debe ser de la altura que quieres que cubra la parte superior de la plantilla, el resto donde no se verá la imagen seguirá viéndose el fondo blanco.
Gracias !! funcionó genial, cuando quieras date una vuelta por el blog, cada día corrijo más cosas gracias a tus post!
ResponderEliminarQué gusto que todo esté saliendo bien :)
ResponderEliminar¿Cómo podría hacer para utilizar una imagen como fondo que se redimensione automáticamente dependiendo de la resolución del monitor?
ResponderEliminarNinguna imagen se redimensiona según la resolución, debe ser una imagen de un tamaño fijo que no se repita, o una imagen pequeña que se repita como patrón.
ResponderEliminarOk, gracias. Otra pregunta, en lo que sería el cuerpo del blog, en mi caso es blanco, pero arriba del todo hay un pequeño degradado celeste ¿cómo lo quito?
ResponderEliminarRecuérdame cuál blog es porque nunca me los memorizo :(
ResponderEliminarhttp://adquiriendoestilo.blogspot.com/
ResponderEliminarBusca esta parte y elimina lo que está en negrita:
ResponderEliminar.content-fauxcolumns .fauxcolumn-inner {
background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left ;
border-left: 1px solid $(body.border.color);
border-right: 1px solid $(body.border.color);
}
Hola el potro me has servido de mucha ayuda,pero tengo un problema que no se cual es el motivo,hice exactamente lo que decis,aloje la foto en Dropbox y le agregue la foto al blog,ahora hay veces que no se ve el fondo de la foto solo cuando abro el Dropbox ahí me lo activa y en explore no se ve de ninguna manera,no se si hice algo mal o me podes orientar ya que estoy tratando de mejorar el blog,desde ya muchas gracias y saludos
ResponderEliminarHola,
ResponderEliminarLo que sucede es que no has subido la imagen correctamente. Debes meterla dentro de la carpeta Public, de esa manera estará accesible siempre.
Saludos.
Que genio!!!!! muchas gracias resolví ese problema,tengo una duda pero no se si va con este tema,en explore cuando van en busca de la pestañas y le das clic a unas de las entradas el fondo de la entrada se pone negra( no el fondo de la foto)y después se pone normal,no se si me explico,yo uso chrome y se ve bien,tenes alguna idea de esto,muchas gracias una vez mas.
ResponderEliminarsaludos
Ese navegador (Internet Explorer) es muy lento, y es "normal" para ese navegador que las cosas no carguen a tiempo, tal como el caso que explicas, no carga el fondo a tiempo y hasta que termina de hacer lo demás carga la imagen (o el color) de fondo.
ResponderEliminarSaludos Potro en las nuevas plantilla bloggers ¿como dejo la imagen fija? te pongo el trozo de código para que me comentes que tengo que modificar para que se me quede fija la imagen de fondo de una vez:
ResponderEliminarGracias anticipadas por tu atención
Es de igual forma guillemaro, ¿ya probaste usando el código de la entrada?
ResponderEliminarHola Francmi08,
ResponderEliminarBusca esta parte en tu plantilla y elimina lo que está en negrita:
.date-outer {
position: relative;
margin: $(date.space) 0 20px;
padding: 0 15px;
background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
Con eso se quedará sin fondo el área de las entradas.
Saludos.
Es mismo es lo que quería preguntar yo. Pero parece ser que no soy la única que tiene el problema!
ResponderEliminarHola msgthrash, mira el comentario abajito de este, ahí está la respuesta ;)
ResponderEliminar