Alterando aparencia das colunas

Para fazer alterações de bordas e planos de fundo nas colunas do template, procure no codigo do template:

#main-wrapper {
background-color:#FFFFFF;
border: 2px solid $bordercolor;

margin-left: 0px;
width: 400px;
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:#FFFFFF;
border: 2px solid $bordercolor;

margin-right: 0px;
width: 165px;
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 */
}

Onde #main-wrapper é a coluna de postagem e #sidebar-wrapper a do perfil.
Se você deseja colocar uma cor como plano de fundo da coluna use background-color: e o código da cor. Se deseja uma imagem, coloque background: url(endereço da imagem) repeat;

Em border você estabelecerá, como vimos em Header, a largura, cor e textura da borda. Aqui valem os mesmos procedimentos. Se você deseja colocar borda somente no topo e em uma das laterais, por exemplo, é só colocar:
border-top: 1px solid #00000; (largura em pixels e cor, somente como exemplos)
border-left: 1px solid #000000;

Assim a coluna terá borda somente no topo e do lado esquerdo. Se deseja borda em toda volta da coluna é só colocar:
border: 1px solid #000000; (sem precisar estabelecer onde a borda deve aparecer.)

Width estabelece a largura da coluna.

4 comentários:

Ariane disse...

Impressionante a quantidade de posts meus que encontrei aqui, sem créditos nem nada! Poderia, por gentileza retirar meus textos?

Uberlândia Mais disse...

O SITE DA ARIANE É
www.templatespara novoblogger.blogspot.com
Eu concordo que os creditos deve ser mantido neste site voce encontra varios post de como ter e menter um blog!

José Duarte disse...

Parabéns pelo seu blog, que é muito útil.
Tenho um blog (www.zeduarte.blogspot.com), mas, por engano, desconfigurei o código html e, agora tudo o que estava na sidebar direita sumiu e passou para a parte central do blog, debaixo das postagens. Você pode me indicar, por favor, o que devo fazer para recolocar tudo do lado direito?
Muito obrigado pela ajuda que me possa dar.

José Duarte disse...

Parabéns pelo seu blog, que é muito útil.
Tenho um blog (www.zeduarte.blogspot.com), mas, por engano, desconfigurei o código html e, agora tudo o que estava na sidebar direita sumiu e passou para a parte central do blog, debaixo das postagens. Você pode me indicar, por favor, o que devo fazer para recolocar tudo do lado direito?
Muito obrigado pela ajuda que me possa dar.