Thifany Hannah Giulia

22 setembro 2012

Widget no Cabeçalho


Oii pipoquinhas da minha vida de blogueira enjoativa e meio chatinha que só vocês animam !
Entãoo, vamos direto ao tutorial agora porque não tenho muito tempo, tenho que sair :S
Explicação:
Não é exatamente no cabeçalho, é meio que ao lado, mas fica bem certinho, e se quiser colocar tipo um slide fica perfeito *-*
Primeiro você vai trazer para cima, os gadgets da sidebar, e depois é só alinhar certinho no lugar que deseja e fica bem bonitinho, se liga no print:

Eu sei que o da Liah é perfeitamente perfeito, e o meu eu nem terminei ainda;
Mas vamos ao tutorial -->>

Abra seu HTML e procure por 
.main-inner .column-left-outer {
Se sua coluna for do lado direito, procure por:
.main-inner .column-right-outer { 
E logo abaixo desse código adicione:
 margin-top: -150px;
 Ficando assim:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
margin-top: -150px;
}
Ou, assim:
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
margin-top: -150px;
}
Ficou muito para baixo ? Ou para cima?
Troque aonde está 150 pelo número que quiser;

E quando acertar certinho, faça uma imagem com o fundo transparente, com o tamanho da sua área da postagem, é só você pegar o número da largura do blog todo, e retirar o número da barra lateral.
Ex: 1090 - 310 = 780

Minha conta ficou errada ?
Culpa da calculadora...

E agora é só colocar cabeçalho, e pronto.
Há! Claro não se esqueça de adicionar o widget (dãããã)

Bj

4 comentários:

  1. Respostas
    1. Eh... Depois tentarei postar um que não fique apenas ali ao lado...
      Mas ainda estou tentando! :)

      Excluir
  2. Amei seu blog não conhecia seguindo *---* adorei os seus tutoriais. Convido você à da uma passadinha no meu blog http://hrdamoda.blogspot.com.br/

    ResponderExcluir
  3. Aaaah! Que posts perfeitoos!
    Obg por seguir meu blog ^^

    ResponderExcluir