✫ - Maratona de Tutoriais - Cabeçalhos

'' É perda de tempo continuar a amar ''.
Primavera , tá demorando a chegar e fica no mês em que nasci , é tão fofinho. Hoje eu não sabia o que postar e , praticamente eu to sozinha aqui também , mais tudo bem , nem sempre todo mundo recebe comentários - mentira - , mais espero que logo em breve vamos ter mais um albúm meu , que nunca será ouvido , mais pelo menos ler seria completamente capaz né? Eu acho fofinho e isso é muito legal. Eu não sei tocar instrumentos se não daria quem sabe para faer , só que o som apenas está na minha casa , e é completamente difícil mesmo transmitir sem saber tocar nada.

E o mais imprecionante é que eu ainda não escolhi o nome para o albúm , então to tentando ainda pensar que nome dar , e então acho que vou poder trazer dois albuns mais ainda , confirmado apenas o primeiro que terá umas 6 ou 7 músicas , então esperaremos para ver. Maratona de Tutorais , vão amor , hoje trarei digamos alguns tutoriais para vocês , variados , e espero que gostem e que se divirtam , e isso é para ajudar vocês em qualquer coisa. E você já sabe se quiser algo , simplesmente , peça! Créditos >> Pequena Garota <<

Cabeçalho acima da sidebar
01. Primeiramente você deve ver a prévia >> aqui pessoas <<
02. Crie a imagem , e hospede ela aonde você quiser .
03. Agora, vamos mexer no HTML. Vá até o modelo do seu blog, aperte F3 e pesquise por :
.SIDEBAR .WIDGET:FIRST-CHILD {
04. Abaixo disso, cole:
BACKGROUND: TRANSPARENT;
BORDER-TOP: TRANSPARENT;
BORDER-BOTTOM: TRANSPARENT;
05. Veja se o primeiro gadget de seu blog ficou trasparente. Se ficou, salve.
06. Agora, vá até o layout do seu blog e adicione um novo gadget de HTML/JS. Coloque isso:
<A HREF="LINK DO SEU BLOG"><IMG SRC="LINK DA IMAGEM"/></A>
Gostou? Serviu? Agora vamos ao próximo tutorial.

Cabeçalho do Tamanho do Blog
01. Para começar, você deverá fazer seu cabeçalho como um background. Como isso ?
Vou explicar: Você deverá criar um cabeçalho normal, mas na largura do blog. Fiz um exemplo no PhotoFiltre pra vocês entenderem melhor:


O tamanho que eu usei para fazer esse baclground/cabeçalho foi 1024px por 400px mas você pode alterar de acordo com as medidas do seu blog.
02. Com isso pronto, vá em seu designer de modelo - planos de fundo e faça o upload do seu 'background'. 03. Pronto, depois, você escolhe a cor que ficará em baixo.
A outra forma de fazer isso é por HTML. É a praticamente a mesma coisa de colocar dois backgrounds no blog.
04. Primeiro vá em Modelo - Editar HTML - Prosseguir - aperte F3 e pesquise por body { :
Provavelmente, você irá encontrar algo assim:
BODY {
FONT: $(BODY.FONT);
COLOR: $(BODY.TEXT.COLOR);
BACKGROUND: $(BODY.BACKGROUND);
}
05. Substitua esse código por esse:
BODY, HTML {
HEIGHT: 400PX;
MARGIN: 0;
PADDING: 0; }
 BODY {
BACKGROUND: URL("URL DO CABEÇALHO") REPEAT; }
HTML { BACKGROUND: #COR; }
Substitua a parte em negrito pela URL do seu cabeçalho, e a parte em itálico pela cor que quer que fique embaixo. Caso não queira uma cor e sim outro background, substitua #cor por url(LINK DO BACKGROUND).

Gadgets No Cabeçalho

01. Vá no layout do seu blog e adicione um novo gadget de HTML/JS. Usaremos esse código:
<DIV CLASS="TOPO">SEU CÓDIGO AQUI</DIV>
Onde está escrito seu código aqui, você deve substituir pelo código que quer que fique no cabeçalho, como por exemplo o código de um menu (nome, link, etc).

02. Agora, vá até o editor de HTML do seu blog. Clique na primeira setinha que se encontra na lateral esquerda do editor, expandindo todo o código. Aperte Ctrl+F e pesquise por ]]></b:skin>. Acima, cole:
.TOPO {
POSITION: ABSOLUTE;
Z-INDEX: 4;
WIDTH: 250PX;
HEIGHT: AUTO;
LEFT: 83PX;
TOP: -135PX;
}
ENTENDENDO O CÓDIGO
top: Xpx: Desce ou sobe o elemento.
Números negativos sobem e positivos descem.

left: Xpx: Move o elemento para a direita ou para a esquerda.
Negativos: elemento á direita; Positivos: elemento á esquerda.

Gostaram? Esses são apenas para os cabeçalhos , espero ter ajudado em algo.

2 comentários:

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).