Cabeçalho mais para cima


Oi meus moranguinhos com chocolate! Como vão? Se divertindo bastante nessas férias? Espero que sim ^^
Então, hoje vim ensinar como colocar o cabeçalho mais pra cima, tipo assim:

(Clique para visualizar melhor)

Esse tutorial quem me passou foi a diva da Emily, do Extras PF por comentário há uns meses atrás, então créditos a ela! 
Esse tuto é muito bom pra quando se quer dar a ideia de que algum elemento está saindo do topo, aqui no blog por exemplo, temos a plaquinha com o nome do blog, com duas fitinhas "segurando" essa placa. Fica bem mais bonito do que deixar ela "flutuando". Se interessou pelo tutorial? Então go go go! 
Vá em Design > Editar HTML e Procure (Ctrl+F ou F3) por : 
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
Acima dele, cole o seguinte código: 
<div style="margin-top:-50px;"> 
E altere o valor (50px) até ficar grudado lá no topo (ou o quanto você quiser é claro). 

Agora acrescente </div> depois de </b:section>. Ficando assim:

<div style="margin-top:-50px;">
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>


PS: O meu está com o título do meu blog (Go Imagine), o seu estará com o nome do seu blog ok? 

Anny não achei o código!

Calma, pode ser que no seu código esteja um pouquinho diferente. Veja se acha esse aqui:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section>

Se achar é só colocar acima dele:
<div style="margin-top:-50px;"> 
E acrescentar </div> depois de </b:section>. Ficando assim:

<div style="margin-top:-50px;">
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>


Por hoje era só isso mesmo, espero que tenham gostado e que consigam fazer! 

Quero me desculpas pela demora pra postar e responder os comentários, tá todo mundo de férias aqui em casa então agora tenho que dividir o notebook com mais 3 pessoas, então fica difícil postar. Mas vou tentar postar mais seguido, não só um por semana né :/
talvez logo logo cheguem algumas novidades aqui no blog, acho que vocês vão gostar! Kisses amores :*


Sorteio de um layout rolando no blog Adolenário, pra concorrer clique aqui.

Postar um comentário

0 Comentários