Cómo poner imagen completa en encabezado del blog

NinyHD · 26 Jun 2014

Tengo un problema y es que la imagen del cabecero no aparece completa si no que sale cortada a la mitad.
Quiero quitar el nombre del blog y los botones de inicio y demás (que ya los tengo quitados) y hay quiero poner la imagen del blog ¿Como podría hacerlo?

kanikase · 26 Jun 2014

Es que quieres poner una imagen como de 500x300 cuando lo normal es 300x80 pero bueno, si quieres seguir con esa imagen, te podemos ayudar, pero deja el enlace de tu blog :witless:

NinyHD · 26 Jun 2014

No,antes tenia la misma imagen y se veia entero pero no se por que ahora sale asi...la imagen es de 600x270
mi blog:
PerlaNegraGames

kanikase · 26 Jun 2014

NinyHD dijo:
No,antes tenia la misma imagen y se veia entero pero no se por que ahora sale asi...la imagen es de 600x270
mi blog:
PerlaNegraGames

Yo lo veo así:

P.D Cuando dejes el link de tu blog, deja la url canonical, osea que en vez de dejar .blogspot.com.es dejes .blogspot.com :encouragement:

NinyHD · 26 Jun 2014

Y como podria hacer para ver esa imagen al completo?
Tambien te dejo aqui una captura
Gyazo - a199f17c1a2ea29f6a510b54da9bab57.png

kanikase · 26 Jun 2014

Ya no entendí que es lo que quieres hacer

haciendositios · 27 Jun 2014

Yo uso ese mismo theme, Sahifa, pero el principal problema es que ahí no debe ir una imagen tan grande. Se supone va un logo. Una pregunta, empezaste a utilizar un CDN?

Souhiro · 27 Jun 2014

La cabecera esta divida en 2,
El header y la zona de witgets, por eso no se muestra completo.
Este es el codigo de los 2:

HTML:

#header, body#layout #header {
    display: inline-block;
    float: left;
    margin-left: 22px;
    width: 40%;
}
#header-right, body#layout #header-right {
    display: inline-block;
    float: right;
    width: 50%;
}

tienes que cambiar la proporcion del primero de width: 40%; a width: 100%; y el segundo lo puedes dejar asi o le poner 0%.

Seria un poco conveniente quitar la zona de header de witgets pero creo que es un poco complicado para ti.

NinyHD · 27 Jun 2014

Souhiro dijo:
La cabecera esta divida en 2,
El header y la zona de witgets, por eso no se muestra completo.
Este es el codigo de los 2:

HTML:

#header, body#layout #header { display: inline-block; float: left; margin-left: 22px; width: 40%; } #header-right, body#layout #header-right { display: inline-block; float: right; width: 50%; }

tienes que cambiar la proporcion del primero de width: 40%; a width: 100%; y el segundo lo puedes dejar asi o le poner 0%.

Seria un poco conveniente quitar la zona de header de witgets pero creo que es un poco complicado para ti.

Muchísimas gracias me ha funcionado a la perfección,podrías decirme en que linea o donde puedo encontrar el ancho?(del blog)
He mirado como hacer el ancho del blog variable pero creo que se me escapa a mis capacidades y podria cargarme el blog...sabeis que ancho es mas o menos el que mas blogs usan?

Souhiro · 27 Jun 2014

Amigo tambien quitale el margin:

HTML:

#header, body#layout #header {
    display: inline-block;
    float: left;
    margin-left: 22px;
    width: 100%;
}

cambias el 22px por 0px te digo eso porque la imagen ahora se sobresale del header.

---------- Post agregado el 27-jun-2014 hora: 15:02 ----------

En cuanto al ancho no te preocupes esta bien, ademas tu plantilla es adaptable a cualquier resolusion, por eso todo esta en % proporcion

NinyHD · 27 Jun 2014

Vale ya esta arreglado gracias por el aviso!
Ahora queda perfecto,solo darle un poco mas de alto y una imagen editada.
Muchas gracias por tu ayuda,estaba super perdido en estos temas,mirare el apartado de lista de tutoriales para ver si puedo mejorar el blog.
La verdad es que me gustaria darle un poquito mas de ancho al blog nada considerable simplemente un poco,que deberia buscar que linea es asi me lo apunto si un dia la quiero cambiar.
PD: Seria conveniente cambiar el titulo del tema a: Como quitar el gadget de la cabezera o algo asi,puede que a mas gente le interese y no sepa como hacerlo.