AVISO IMPORTANTE

Si quieres un menú como este de los botones, pincha en el que tiene un interrogante. Te llevará a la página de donde saqué el código y si tienes algún problema o duda, su creador te ayudará a resolverlo.

Normas de obligado cumplimiento si me envias un mail pidiendo ayuda/consejo

1ª .- Adjunta SIEMPRE la dirección del blog en el que tengas el problema y procura escribir bien la dirección.

2ª .- Intenta explicar LO MAS CLARAMENTE POSIBLE tu problema.
No pagarás más por escribir más palabras.

3ª . - Si has de contestarme usa la opción RESPONDER.
No abras un nuevo hilo de mensajes.

4ª .- No me envies NUNCA la plantilla si no te la pido.

5ª .- No me envies NUNCA la contraseña.
NO PIENSO ENTRAR A MODIFICARTE NADA.

SI ME DEJAS LA PREGUNTA EN UN COMENTARIO
1º .- Si tienes más de un blog dime en cual está el problema.
2º .- Habilita el perfil para que pueda entrar a ver el blog.
3º .- Si el blog es privado tampoco podré verlo. Invítame.

Y por último: Si quieres que te conteste por mail, envíame la pregunta por mail, mi dirección está en la sidebar, en el botón de arriba que tiene un sobre y en casi todos mis blogs.

Recolocar la cabecera del blog

martes, 27 de mayo de 2008

Esta es una consulta que recibo muchas veces. ¿Como hacer que la imagen de la cabecera se coloque donde quiero?

En principio os diré que eso depende mucho de la plantilla, pero os explicaré algunos trucos básicos para moverla.

El código de la cabecera del blog suele tener varias secciones.

Bajo el encabezado .Header { o #header-wraper { hay, en primer lugar, el sector que define la cabecera en si, le sigue el sector que define la zona que ocupa el título, el que define sus propiedades como enlace y termina con el sector que corresponde a la descripción del blog.

Cada una de estas partes está incluida entre esas dos llaves { }

La que nos interesa es la primera parte de ese código.

Allí es donde se puede colocar una imagen que sirva de fondo del título, y donde definimos la separación de la cabecera al resto del blog.

A veces hay pocas órdenes en esta zona, pero podemos añadirle las que queramos.

Para que la imagen que hemos puesto, ya sea a través del código o a través de Editar el elemento, se coloque bien y se vea entera, las órdenes a modificar o a añadir si no las hubiera, serían estas:

width: XXXpx;
Esto es el ancho de la zona de la cabecera, que haremos coincidir con el ancho de nuestra imagen, si no se viera entera, o fuera más pequeña que la zona destinada a ella.
Las XXX corresponden a la medida en píxels que ocupará esta zona.
Si el código ya está incluido, y la imagen es menor que la zona, disminuiremos esta cantidad, si es mayor la aumentaremos.

height:XXXpx;
Esta es la altura de la zona.
Al igual que con el ancho, si no figura en el código y la imagen no se ve entera, la añadiremos y cambiaremos las XXX por la altura de la imagen.

En esta zona suele haber algunas líneas de margin y padding.
A veces es una sola orden margin: 0; lo que indica que la cabecera ocupará toda su zona.
Si la imagen es menor que su zona, ha quedado a la izquierda y queremos centrarla, añadiremos esto:

margin-$startSide: XXXpx; (o margin-left: XXXpx;) para moverla hacia el centro.
Para saber la cantidad que hemos de poner ahí, mirad primero cuan ancho es el blog, o recordad que anchura tenía la cabecera antes de modificarla, si lo habeis hecho, restad a esa cantidad el ancho de vuestra imagen y dividid esa cantidad por 2. El resultado será la cantidad de píxels que han de quedar de margen entre el principio del blog y el principio de la imagen, por la izquierda, para que se vea centrada.

Como digo al principio, eso no sirve para todas las plantillas.
La dots, por ejemplo, no dispone de zona de cabecera, propiamente dicha, aunque podeis añadírsela. (Aquí podeis ver como). Una vez añadido el código ya podreis usar estos parámetros que indico.

En las moto (son of moto, ms moto) la zona de la cabecera, y por ende sus definiciones, están repartidas en dos partes. En cada una hay una dirección. Una corresponde la la zona del título y la otra a la del subtítulo.
Cuando se añade una imagen de cabecera a esta plantilla, hay que jugar un poco con las dos zonas hasta encontrar el equilibrio para que nuestra imagen se vea entera. (Aquí podeis ver como).

Imprime esta entrada

4 comentarios. ¿Quieres añadir el tuyo?

  1. Marian ha dicho
  2. Hola chiqui, he intentado mandarte in email para una consulta y no me deja el msn, dice que tiene un error interno, también te he mandado una llamada instantanea pero debes estar desconectada. Seguire intentando.Un beso. Marian

  3. Sandra... ha dicho
  4. Hola!!
    Una pregunta sobre el encabezamiento o cabecera.
    Ayer saqué la foto que tenía y puse una imagen con movimiento (un ángel que tira besitos)
    Pues bien, lo quiero quitar dándole "Eliminar imagen" para colocar otra y no me lo permite, por qué es????
    mi blog es
    www.elatelierdesandra.blogspot.com
    Gracias desde ya!!

  5. Eulalia ha dicho
  6. Sandra:
    No eres la primera persona que me dice que sucede eso, al poner ahi una imagen con movimiento.
    La verdad es que no sé porqué sucede ni como solucionarlo.
    Yo soy partidaria de añadir las imágenes que se mueven desde el código del blog, así las podemos eliminar sin problemas.
    Saludos.

  7. Sandra... ha dicho
  8. Gracias Eulalia por contestarme... bueno, así quedará entonces, besos!!!!

google-site-verification: google6804ea8a89fbde9f.html
Plantilla creada por laeulalia basada en la harbor de blogger.