14 de junho de 2009

Configurando o HTML de seu template

Configurando o HTML de seu template.
Nesse tutorial,eu vou explicar como configurar o HTML para usar em seus templates.
PROGRAMAS NECESSÁRIOS:Paint e Bloco de notas.
Os códigos HTML você pode pegar nos sites Casinha das Gifs ou em Cristiny On Line

1.Localize no seu css a seguinte parte:








Em COLOQUE AQUI SEU BACKGROUND você colocará a url do seu back(aquela imagem com as colunas).
Em COLOQUE AQUI SEU LAY você coloca a imagem do seu layout.
2.Agora abra a imagem do seu lay no paint. Clique em IMAGEM>ATRIBUTOS e copie o valor da altura.Volte no seu código e coloque esse número no Height.



















3.Localize essa parte do código.






4. Para saber o tamanho do Top vá no Paint onde está aberta a imagem de seu lay. Selecione desde o início da coluna até o topo da página.Sem soltar o mouse, pegue o 2º número que aparece ali embaixo.

















5.Para saber o tamanho do Left meça da coluna até a borda esquerda da página. Sem soltar o mouse, pegue o 1º número que aparece lá embaixo.

6.Agora meça a largura da coluna(width), e sem soltar o botão do mouse pegue o 1º número que aparece ali embaixo.

7.O Height não precisa alterar o valor,pois ela aumentará conforme você colocar o conteúdo.
Agora localize a coluna 2 e repita os passos 4, 5 e 6 para encontrar o valor do Top, do Left e do Width.

Quando configurar o html do seu template sempre comece pela coluna do perfil, mesmo que ela não seja a primeira na sua imagem é a primeira no html e isso ajudará a não se confundir.



Tutorial elaborado por ALINE.
Se lhe foi útil,dê os créditos!

8 comentários

  1. Oi sera que eu posso te pedir uma coisinha? antes de tudo amoo aki!
    bom la vai eu qria saber se vc pod me mandar esse codigo do lay me manda por email laurahack@cpovo.net esse codigo:

    http://2.bp.blogspot.com/_KkJZYfv0G0k/SkF_snU82VI/AAAAAAAAE08/GMClqXYYGD4/s1600-h/imagem.jpg

    num sei onde pegar! sera que vc me passa? bjsss xau

    ResponderExcluir
  2. Você pode me mandar esse código pra blogspot?
    me manda por e-mail:
    emily-rebelde@hotmail.com
    Obrigada

    ResponderExcluir
  3. Olá ameei seu blog!
    E queria pedir um favorzinho se for possivel vc poderia mandar esse código paa blogspot por e-mail.
    Desde já agredeço.
    carolinesrebelo@gmail.com

    ResponderExcluir
  4. Ooi Aline,olha eu aqui de novo,vim aqui te pedir uma mãozinha com meu blog,então eu te falei que estava fazendo meu próprio layout com suas dicas dicas então consegui fazer mas estou com problemas no código html segui suas dicas mas dá erro quando coloco no blog será que você pode me ajudar ??

    ResponderExcluir
  5. Intão quando eu coloco o código no blog e vou salvar ele diz:Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The content of elements must consist of well-formed character data or markup.
    Não sei oque fazer não sei se o código que eu peguei esta errado,será que você pode me mandar um outro código para blogger ?

    ResponderExcluir
  6. Adorei o tutorial :z
    Eu queria perguntar como é que você coloca esses emoticons na área dos comentários, eu tentei de tudo e não consigo :v
    Obrigado ^-^

    ResponderExcluir



© Aline Star - 2009 - 2017 - Desenvolvido por Aline Star - Tema Base Adorável Design