Como fazer uma foto ocupar 100% do cabeçalho


Quer   curte   tem  um   blog   bem  arrumado personalizado,   e  gosta   de    fazer   alterações  avançadas  pode  gostar   dessa  dica . Você  não  sabe do  que  estou  falando.  tratasse  da  imagem que  vai   no  cabeçalho  do  blog  ou  cor  ocupando  todo o  espaço de ponta   a  ponta  dando  como  o  que  uso  aqui   no   blog    uma  cara  mais personalizado   ao  blog,  deixando   mais  elegante  vamos   dizer   assim  isso  não  muito  difícil  de  se  fazer,   mas   temos  que  tomar  cuidado   pois  alguns   blogs   podem  não  ter   o  mesmo  código   então  isso   pode  não  dar   tão  certo.   geralmente   da  para  modelos  do  blog  siga  o  tutorial  abaixo e  deixe   seu  blog  com  a   sua cara .

O código

Na aba designer>Editar HTML. Tecle ctrl+f e procure por body{  Você irá encontrar algo parecido com abaixo.

Substitua todo o código acima pelo abaixo.

  1. body, html { height: 216px; margin: 0; padding: 0; } body { background: url("imagem do cabeçalho") repeat-x; }html { background: url("imagem da pagina blog") repeat; }

Onde se encontram "imagem do cabeçalho" é a imagem do background. E "imagem da página do blog" é a imagem de fundo da página.

1.Imagem do  cabeçalho  deve  ter  medidas: 1324x517
1324 largura 517 altura a altura dela pode ser  alterado a onde   esta escrito  height: 216px; aumentando os  valores aumenta o  tamanho  diminua até  onde preferir
2.Imagem  da  pagina body pode ter 600x500 já esta  de   bom  tamanho pois ela  irá  repetir 
 Ainda em editar html procure por.: header h1 { Abaixo desta tag, cole o código.: margin-top: -30px; 
Clique em  visualizar e vá  mudando  o valor  do px até seu  cabeçalho  ficar  ajustado na imagem do seu background. 
 
Dê um ctrl+f novamente e procure por: <div class='content-inner'>
 Abaixo dessa tag cole: <div style='margin-top: 50px;'>
 
para finalizar  tudo de um ctrl+f e procure por: </body>
 Acima desta tag, cole: </div>
 , se estiver  tudo ok,   salve!



1 Response to "Como fazer uma foto ocupar 100% do cabeçalho"

Comentários São Muito Bem vindos, mas precisamos Ter Conhecimento do que se é comentado então temos algumas dicas para evitar algo indevido, tais dicas seguem-se abaixo:
- Nunca Comente ofensas há ninguém seja autores ou leitores
- Não será moderado Comentários que contenham URLs de seus web sites use OpenID
- Mais dicas e regras acesse nossa política de Comentários