Uma grande dificuldade que vejo entre os blogueiros � acertar a
distancia entre as colunas e a postagem do blog, ou seja, �s vezes os
menus ficam encostados um no outro ou muito distante, isso acontece
tanto em rela��o �s colunas como os posts do blog afinal todos s�o
colunas. Para corrigir esse problema � s� colocar padding-left ou
padding -right no c�digo da coluna que deseja dar um espa�o.
Fazer essa corre��o pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, al�m disso, as varia��es de lado tamb�m podem confundir na hora de alterar os c�digos, ent�o vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, voc� pode entrar na pagina editar HTML e procurar por:
#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;?.
E colocar padding -left:15px, se j� tiver algo assim no seu blog apenas altere o valor (n�o repita o mesmo c�digo duas vezes) isso far� surgir um espa�o de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espa�o ocupado pela coluna (mais 10 px) ent�o isso pode fazer que uma das colunas do seu blog v� parar no final da pagina por falta de espa�o ent�o normalmente quando fazemos esse tipo de altera��o devemos reduzir a largura da coluna que em nosso exemplo � 490 isso est� logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.
O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que est� no c�digo, geralmente a margem deve ser do mesmo lado. Outro detalhe � que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) ent�o o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o c�digo. Apesar de funcionar do mesmo padding e margin n�o s�o exatamente a mesma coisa voc� pode ver aqui a diferen�a entre usar padding ou margin, outra dica relacionada com esse tema � como alterar as larguras do blog.
Outra coisa que n�o poder�amos deixar de falar � que � muito bom visualizar seu blog em v�rios navegadores (pelo menos Internet Explorer e Firefox), pois � poss�vel haver uma varia��o na apar�ncia do seu blog entre eles.
Fazer essa corre��o pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, al�m disso, as varia��es de lado tamb�m podem confundir na hora de alterar os c�digos, ent�o vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, voc� pode entrar na pagina editar HTML e procurar por:
#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;?.
E colocar padding -left:15px, se j� tiver algo assim no seu blog apenas altere o valor (n�o repita o mesmo c�digo duas vezes) isso far� surgir um espa�o de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espa�o ocupado pela coluna (mais 10 px) ent�o isso pode fazer que uma das colunas do seu blog v� parar no final da pagina por falta de espa�o ent�o normalmente quando fazemos esse tipo de altera��o devemos reduzir a largura da coluna que em nosso exemplo � 490 isso est� logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.
O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que est� no c�digo, geralmente a margem deve ser do mesmo lado. Outro detalhe � que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) ent�o o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o c�digo. Apesar de funcionar do mesmo padding e margin n�o s�o exatamente a mesma coisa voc� pode ver aqui a diferen�a entre usar padding ou margin, outra dica relacionada com esse tema � como alterar as larguras do blog.
Outra coisa que n�o poder�amos deixar de falar � que � muito bom visualizar seu blog em v�rios navegadores (pelo menos Internet Explorer e Firefox), pois � poss�vel haver uma varia��o na apar�ncia do seu blog entre eles.
Nenhum comentário:
Postar um comentário