Olha pessoal, esse post vem numa ora certa, visto que é cada vez mais crescente o número de blogueiros nós do blog brasilevocê resolvemos dar uma ajudinha para os blogueiros. Sabemos que o blogspot faz o máximo para monopolizar seus templates. Mas não é por isso que vamos ficar amarrados a ele. Então aqui está uma bela dica. Lembrando que essa dica pode ser observada originalmente no blog copia-ai.
Aumentar largura das colunasPara aumentar as colunas do template: Procure no seu código HTML as seguintes tags: /
Para aumentar as colunas do template:
Procure no seu código HTML as seguintes tags:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}
#main-wrapper {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-left: 5px;
width: 550px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-right: 0px;
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Aumentar largura das colunasPara aumentar as colunas do template: Procure no seu código HTML as seguintes tags: /
Para aumentar as colunas do template:
Procure no seu código HTML as seguintes tags:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}
#main-wrapper {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-left: 5px;
width: 550px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-right: 0px;
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Tudo o que está contido em #main-wrapper se refere a coluna do post. Assim, para aumentar ou diminuir a largura desta coluna você deve alterar os valores que estão em WIDTH.Tudo o que está contido em #sidebar-wrapper se refere a coluna lateral do template (no caso de um template com uma coluna em cada lateral, aparecerá duas vezes). Aqui também os valores de WIDTH devem ser alterados. Cuidado para não desconfigurar completamente o template! Obedeça as dimensões que estão contidas na tag acima, em #outer-wrapper , sem ultrapassá-la!Atenção!
Muitas vezes, o que vemos em um navegador não é o mesmo que vemos em outro. Às vezes um template parece perfeito no Firefox e está horrivelmente desproporcional no Internet Explore e vice-versa. Toda vez que fizer qualquer alteração em seu template, tente visualizá-lo primeiro em mais de um navegador, para ter certeza de que você não é o único a achar o template lindo....
Muitas vezes, o que vemos em um navegador não é o mesmo que vemos em outro. Às vezes um template parece perfeito no Firefox e está horrivelmente desproporcional no Internet Explore e vice-versa. Toda vez que fizer qualquer alteração em seu template, tente visualizá-lo primeiro em mais de um navegador, para ter certeza de que você não é o único a achar o template lindo....
0 comentários:
Postar um comentário