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
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
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
clique para ampliar |
Espero que esteja tudo entendido agora. ;-) Até mais!
~Conrado
Nenhum comentário:
Postar um comentário