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!