Como Editar seu HTML Base

No topo do blog está disponibilizado o HTML Base para vocês usarem na hora de fazer o template de seus blogs, certo? 
Bom, alguns trechos que devem ser editados por vocês deixaram de ser comentados e, por isso, criei este post. 


Introdução

 Tudo que você precisa fazer a ser explicado neste post trata-se de medir espaços bem pequenos em suas imagens. Para isso, lembre-se sempre de ampliar sua imagem no Fireworks o máximo (Ctrl +) para obter a quantidade de pixels exata.
 A mensuração em si pode ser feita de várias maneiras. A que eu faço é criar um retângulo (sem contorno ou efeitos nenhum) do tamanho do que eu pretendo medir. 
E então, vejo seu comprimento nas propriedades. Acompanhe pelas imagens:




clique para ampliar as imagens
Após aprender esse processo, vamos explicar o primeiro trecho para editar nosso HTML Base de Template:

  • MARGEM DIREITA ou ESQUERDA DA SIDEBAR
Primeiramente, devemos deixar claro o seguinte: a sidebar em si, no código do HTML, tem a mesma largura que a largura da imagem do título do gadget. Veja nas imagens para ficar mais claro:


clique para ampliar
Com isso em mente, devemos definir exatamente o espaço em que a sidebar deve ter de margem para não ficar colada no contorno. Veja exatamente o tamanho da margem nas figuras a seguir:

clique para ampliar

Lembre-se: Se sua sidebar fica na esquerda, ele deverá ter somente margem esquerda. E vice-versa. Portanto, ponha 0px no lado oposto no HTML Base.

Agora vamos ao segundo tópico:
  • LARGURA DO CORPO
O corpo nada mais é que o local onde ficam as postagens. Portanto, você deve definir qual deve ser a largura de acordo com sua imagem da sidebar
Tente sempre buscar o centro da parte branca de sua imagem para ficar bem alinhado. Veja:
clique para ampliar
  • LADO DE FIXAÇÃO DO CORPO

Se sua sidebar for na esquerda, você irá por right nesse tópico. Caso contrário, ponha left
O problema é que, fixando o corpo na direita, por exemplo, ele fica totalmente encostado na borda. É aí que entra o nosso último tópico:
  • MARGEM ESQUERDA ou DIREITA DO CORPO
Esse tópico é parecido com o primeiro. Se seu corpo for fixado na direita, aplique uma margem na direita necessária para que ele fique alinhado em seu template. O mesmo deve ser feito caso seja na esquerda. Veja:
clique para ampliar
Espero que esteja tudo entendido agora. ;-) Até mais!

~Conrado

Nenhum comentário:

Postar um comentário