Débora Lacortte
fevereiro 03, 2015
Olá amigos(as)!
Hoje vou ensinar a colocar imagem no cabeçalho no 'html'.
Primeira coisa a se fazer é o Backup do seu blog para restaurar se algo der errado.
Agora vá em "Editor de html" clique em 'Ctrl+F' e procure por 'Header'.
Vamos começar pelo Título do seu blog.
Vá em .header h1 { e abaixo dele cole o seguinte código:
font-family: 'Lobster', cursive;
color: #45818E;
font-size:60px;
margin-top:70px;
margin-left:200px;
Onde está em vermelho você vai trocar a fonte do seu blog.
Onde está em verde claro você vai mudar o código da cor do Título do blog.
Onde está em amarelo você vai colocar o tamanho da fonte do título do blog.
Onde está em marrom é a margem do título que sobe ou desce,você aumenta ou diminue os números até você deixar na posição que deseja.
Onde está violeta você vai colocar o lado que deseja,se quer que o título do lado esquerdo,direito ou centro do blog,é só mudar a posição,aumenta ou diminui o número em px.
Agora vamos para a imagem do cabeçalho.
Vá até .header-inner {
E abaixo dele você vai colar o seguinte código:
background: url(URL DA IMAGEM) top center no-repeat;
padding-top:190px;
Onde está em vermelho você coloca o url da sua imagem que deseja no cabeçalho.
OBS:
Mas caso queira colocar um cabeçalho personalizado com o título já incluído na imagem,basta deixar o tamanho do "font-size"em 0px ,ok.
Agora dê uma visualizada e vê se está tudo ok,então salve.
Pronto!
Qualquer dúvida entre em contato comigo que estarei respondendo.
