Menu DG

29.10.13

Tutorial: Borda Simples na Sidebar ou no Post

Olá Pessoal,

Trouxe uma Borda bem fofinha para a Sidebar ou para os Posts. Ela é bem Simples mais é muito fofinha, vocês podem alterar do jeito da cor/tema do seu Layout ou até fora do Padrão!
Vamos dar uma olhada?


Aqui o Jeito que ele vai ficar:

 (é apenas na borda).

Antes de Adicionar, deixe a Postagem e a Sidebar em Transparente se você estiver criando um Layout.

Para adicionar na Sidebar:
Aperte Ctrl + f e procure por: .sidebar .widget {
Abaixo dela Cole:

Border-bottom: 1px solid #BEBEBE;
Border-top: 1px solid #BEBEBE;
Border-left: 1px solid #BEBEBE;
Border-right: 1px solid #BEBEBE;
border-radius: 4px;
Box-shadow: 0px 0px 3px #D3D3D3;
   padding-bottom: 20px;
    margin: 10px 0;
    background: #fff;
    padding:12px;
}

Aonde está em Negrito é as cores das Bordas.

Para adicionar nas Postagens:
Aperte Ctrl + f e procure por: .main-inner .column-center-inner {
e abaixo dela cole o mesmo código.

Bye* 

Nenhum comentário:

Postar um comentário