Suporte » Temas » [Twenty Eleven] Como impedir o redimensionamento da imagem do header?

[Twenty Eleven] Como impedir o redimensionamento da imagem do header?

  • malagueta

    (@malagueta)


    12 anos, 3 meses atrás

    Já estou usando um Child Theme do Twenty Eleven e diria que meus conhecimentos em CSS são moderados.

    Tirei o título e subtítulo e a margem superior, ou seja, meu cabeçalho (header) “encosta” direto no topo da janela. O problema é que eu queria fazer um header “infinito”, que ficasse bom e resoluções altas e baixas, com o mínimo de 1000px.

    Algo como isso: http://capinaremos.com/. Aqui está a imagem de header que ele usou: http://capinaremos.com/wp-content/themes/booger/styles/capinaremos/bg-overlay.png.

    Então eu criei uma imagem 2800x130px e botei como imagem de cabeçalho, mas como a imagem do cabeçalho é naturalmente alinhada com a esquerda do header, se eu botar no style.css

    #header {
max-width: none;
margin: 0 -900px;
}

    ele de fato fica com o tamanho real, mas fica uma imagem gigante, na qual voce pode dar scroll para as laterais, o que qubra completamente o layout. Ele não “corta” a imagem centralizada como no site acima.

    Se eu botar width: 100%; ele redimensiona os 2800px de largura para os 1000px padrões, gerando uma imagem super pequena, de uns 40px de altura. Alguém sabe como resolver isso?

Visualizando 1 resposta (de um total de 1)
  • Myst1010

    (@myst1010)

    12 anos, 3 meses atrás

    Simplesmente centralizando a imagem não resolve o problema?

    Se carregar a imagem por css seria só colocar assim

    background:url(../images/banner.png) no-repeat center top;

    Mas se a imagem está sendo inserida com a tag <img> creio que vc terá que fazer assim

    #header{
width:100%;
height:200px;
min-width: 1000px;
}

#header img{
margin: 0 auto;
padding: 0;
display: block;
}

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘[Twenty Eleven] Como impedir o redimensionamento da imagem do header?’ está fechado para novas respostas.

Tags de tópico

Visualizações