Translate

Pesquisar

Marcadores


Aprenda como:..."Alterar a aparência das colunas"

Este tutorial foi realizado por Ariane, muito inteligente e merece todo respeito e glórias, pela sabedoria que tem!

veja a seguir:

"  Alterar a aparência das colunas"


Para fazer alterações de bordas e plano de fundo nas colunas do template, procure no código do mesmo:


#main-wrapper {
background-color:;

border: ;

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:;

border: ;

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 */

}

Acrescente as linhas em negrito, se já não existirem no seu código

Onde 


  #main-wrapper é a coluna de postagem 



#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 anteriormente 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, é só colocar:

border-top: 1px solid #00000; (largura e cor somente como exemplos) border-left: 1px solid #000000;

Assim a coluna terá borda somente no topo e na lateral esquerda.  


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.


fonte e créditos:

0 comentários:

Postar um comentário

Mensagem do formulário de comentário:
obrigada por comentar,
volte sempre!