21/12/2011

Barra no Topo (entenda)

Tumblr_luywxis5it1qc3646o1_500_large
Oooi, como sempre, estava procurando um tutorial legal e diferente, quando achei este. O código que eu vou usar aqui eu achei no Place Fame Extras . É um tutorial bem legal e criativo, realmente uma coisinha que faz grande diferença no layout do blog.

Primeiro procure pela tag body { e apague todo o código que esteja dentro, como o exemplo abaixo no PFE:
body {background: url("http://www.backgroundlabs.com/backgrounds/202.gif") repeat;margin:0;color:#333333;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}
Substitua tudo o que esteja na tag body { pelo código abaixo:
body, html {height: 50px;margin: 0;padding: 0; }body {background: url("URL da barra") repeat-x; }html {background: url("URL do background de fundo") repeat; }
Mude onde está escrito "URL do background de fundo" pelo url da sua imagem de fundo. Salve a imagem abaixo e altere a seu gosto a cor, estampa... a barrinha é do http://ilovehtml.tumblr.com/
LINK DA IMAGEM: http://static.tumblr.com/4bage8q/97Xlmqw2h/01.png
 
Nota: caso queira uma barrinha maior, modifique o número em vermelho. Onde está escrito "URL da barra" é só copiar o endereço da sua barra e colar ali. Seu cabeçalho precisa ter o fundo tranparent e você precisa retirar a navbar do seu blog para efetuar esse tutorial.
EU ACHEI ESTE TUTORIAL NO: http://extras-placefame.blogspot.com

5 comentários:

  1. Aqui ta lindo *--*
    Flor, as vagas para afiliados acabarm =/

    Bjs
    http://blogportalteen.blogspot.com

    ResponderEliminar
  2. ah que bom que o TT tenha lhe ajudado *-* infelizmente as vagas de afiliação estão lotadas, espero que não se chateie :]

    ResponderEliminar
  3. Oiie , amei seu blog , esse post tah incrivel , eu tava louca para saber como faz isso , e jah to seguindo ,
    segue? patroinhafashion.blospot.com
    bjs

    ResponderEliminar
  4. Adorei o psot e o tutorial flor , o meu blog ta um concurso imperdível seria muito legal que você participasse , nos ajude lá bjs .
    http://perfeitinha-blog.blogspot.com/

    ResponderEliminar
  5. Oi more já segui! desculpa não tem vaga mais para afiliado!
    Beijinhos!

    ResponderEliminar

- Respondo á todos os comentários;
- Críticas são aceitas;
- Insultos são ignorados e excluídos;
- Dúvidas? Mande por e-mail na página contato;
- Se você estiver pensando em postar algo parecido, comente avisando.