Adicionando Borda No Template

Simples, adicione a seguinte opção no trecho do codigo que você quer colocar a  borda ok


border: 1px solid #000000;


Exemplo: Se quiser colocar uma borda na cor preta sobre a área total de post, você deve acrescentar a borda em "MAIN-WRAPER".
Ficará assim:

#main-wrapper { border: 1px solid #000000; width: 410px; float: $startSide; 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 */ }

Recordando  que:
1px -> medida da borda
solid -> é o estilo da borda
#000000 -> é a cor da borda
Você pode alterar esses elementos.

Se deseja colocar a borda na sidebar:
#sidebar-wrapper { border: 1px solid #000000; width: 410px; float: $startSide; 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 */ }


Exemplos:


solid -> linha solida
Dashed -> Borda tracejada
dotted -> borda pontilhada
ridget -> cume
inset -> inserido
outset -> outset
none -> nenhuma









Onde Colocar As Bordas?

border-right -> (Borda somente a direita)
border-top -> (Borda somente no topo)
border-left -> (Borda somente a esquerda)
border-bottom -> (Borda somente na parte inferior)

Posted in: Dicas Para Blog,Tutoriais