MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación > Webmasters - Diseño Web - Programación - Diseño gráfico
cambiar fondo de blog (SOLUCIONADO)
elmago:
Hola amigo: quisiera saber como cambiar el fondo de mi blog (http://rodriguez-medel.blogspot.com/), tengo un icono de una bici tamaño 32 x 32 de 1,45KB y he visto que se puede poner de fondo y queda como si fueran ladrillos con la imagen del icono osea en vez del color de fondo aparecen todo iconos enlazados. gracias y saludos
Gepetto:
Primero tienes que subir la imagen a internet. Lo mejor sería crear un un nuevo post,subir la imagen y guardarlo como borrador (draft). Le das a "Edición de HTML" y copias la dirección de la imagen. Ej:
--- Código: ---<img src="http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg" />
--- Fin del código ---
Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:
--- Código: ---body {
margin: 0;
text-align: center;
min-width: 760px;
background: #ffffff url(http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg) repeat;
color: $textColor;
font-size: small;
}
--- Fin del código ---
Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.
elmago:
Hola amigo: este es mi body de la plantilla de mi blog (http://rodriguez-medel.blogspot.com/)
body (
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $ textcolor;
background: # e0e0e0;
)
blockquote (
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
font-size: 88%;
line-height: 1.5em;
color: # 666;
background: url (http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
)
esta es la dire de internet donde he puesto la imagen para fondo de mi plantilla
<a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>
Este es el cambio que he hecho según tu consejo:
body (
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $ textcolor;
background: # e0e0e0;
)
blockquote (
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
font-size: 88%;
line-height: 1.5em;
color: # 666;
background: url (http://www.blogblog.com/_- <a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;
Ahora le doy a vista previa y me sale este mensaje de error:
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.
Liamngls:
Es importante prestar atención a las cosas, esto es lo que tienes que poner (ya con la dirección de tu imagen):
--- Cita de: Gepetto en 16 de Marzo de 2010, 07:40:55 pm ---
Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:
--- Código: ---body {
margin: 0;
text-align: center;
min-width: 760px;
background: #ffffff url(http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
color: $textColor;
font-size: small;
}
--- Fin del código ---
Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.
--- Fin de la cita ---
Y esto lo que has puesto tú (en rojo lo que sobra):
--- Cita de: elmago en 18 de Marzo de 2010, 05:28:18 pm ---
Este es el cambio que he hecho según tu consejo:
body (
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $ textcolor;
background: # e0e0e0;
)
blockquote (
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
font-size: 88%;
line-height: 1.5em;
color: # 666;
background: url (-http://www.blogblog.com/_- <a href='-http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;
Ahora le doy a vista previa y me sale este mensaje de error:
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.
--- Fin de la cita ---
elmago:
Hola amigo: quizas soy corto de entendederas por lo que te ruego simplemente me digas si es correcto o no lo que yo interpreto. primero tu ejemplo aunque hallas puesto la direccion de mi icono es un ejemplo. segundo lo unico que tengo que hacer es borrar lo rojo que me indicas y dejar todo tal cual. el ejemplo es solo un ejemplo vale, lo unico que debo hacer es borrar lo que me indicas en rojo. gracias
Navegación
[#] Página Siguiente
Ir a la versión completa