Para fazer alterações de bordas e planos de fundo nas colunas do template, procure no código do mesmo:
#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.
sábado, 24 de maio de 2008
Alterar a aparência das colunas
Postado por tony® às 11:21
Marcadores: dicas para criar um blog
Assinar:
Postar comentários (Atom)
0 comentários:
Postar um comentário