Alterando o Layout do Blog

Olá Blogueiros

Trata-se de uma dica muito simples para aproveitar melhor a largura (width) do seu blog. Apresentamos o resultado das alterações no modelo antigo abaixo para suas observações. Foram cinco alterações na LARGURA /WIDTH, sendo 4 para 960px e uma para 680px. Clique em Modelo para observar a seqüência de Htlml copiada, abaixo. Resultado das alterações aqui no Blog Biografias Cristãs Modelo do Blog: Todd Dominey - versão antiga.

Cópia de trecho do Html:

/* Layout

----------------------------------------------- */

#wrap {

background-color:#473624;

border-left:1px solid #332A24;

border-right:1px solid #332A24;

width:960px;

margin:0 auto;

padding:8px;

text-align:center;

}

#main-top {

width:960px;

height:49px;

background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left;

margin:0;padding:0;

display:block;

}

#main-bot {

width:960px;

height:81px;

background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left;

margin:0;padding:0;

display:block;

}

#main-content {

width:960px;

background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y;

margin:0;

text-align:left;

display:block;

}

#inner-wrap {

}

#blog-header {

}

#blog-header h1 {

}

div.clearer {

}

#main {

width:680px;

float:right;

padding:8px 0;

margin:0;

}

-------------------- END---------------------

Compartilhando
João Cruzué - Blog Olhar Cristão
http://olharcristao.blogspot.com

------------------------------------------------

.