Cómo poner imagen completa en encabezado del blog

  • Autor Autor NinyHD
  • Fecha de inicio Fecha de inicio
N

NinyHD

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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?
b0ac5c4ba09073c9c5cc6b81097ff448.webp
 
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:
 
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
 
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
Hacer clic para expandir...

Yo lo veo así:

Captura.png


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:
 
Ya no entendí que es lo que quieres hacer 😎
 
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?
 
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.
 
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.
Hacer clic para expandir...

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?
 
Última edición:
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
 
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.
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

Guillermo Castillo
Cómo modifico la cabecera poner imagen completa?
Respuestas
2
Visitas
403
Guillermo Castillo
Guillermo Castillo
T
Cómo poner imagen de fondo en una página específica
Respuestas
0
Visitas
301
triumphalis
T
C
Cómo poner imagen predeterminada en código PHP
Respuestas
1
Visitas
498
shadowhck
shadowhck
M
Cómo poner imagen cambia en header de blog en Blogger
Respuestas
10
Visitas
3K
maverickg
M
Atrás
Arriba