12.11.2013

Tutorial: Bordas nos gadgets e área dos posts


Haiii,nekos ~ 
tem alguma docete por aqui *3*? Se sim, dá uma olhandinha no Docete Rebelde. Emfim,trouxe pra vocês um tutorial para colocar bordas nos gadgets e post.
Créditos: xxx
Primeiro vamos ver como colocar borda na área dos posts,se quiser vê-lo clique em "leia mais" 
Vá em Modelo > Editar Html,clique em Ctrl + F e pesquise por ".main-inner .column-center-inner  {
Após a ultima chave,cole o código que preferir.

Borda no fim

border-bottom: 5px solid #000000;
Borda no começo 
border-top: 5px solid #000000;
Borda no lado direito 
border-right: 5px solid #000000;
Borda no lado esquerdo 
border-left: 5px solid #000000;

5px se refere ao tamanho e #000000 se refere a cor.

Agora é pra por a borda nos gadgets

Vá em Modelo > Editar Html,clique em Ctrl + F e pesquise por  .sidebar .widget { e abaixo cole:

border-bottom: 10px solid #d4d4d4;
bottom : borda no fim do gadget, se preferir pode mudar para top (topo),left (esquerda),right (direita).
10px : O tamanho da borda
Solid se refere ao tipo de borda
#d4d4d4 a cor da borda








Nenhum comentário

Postar um comentário

Yo,obrigado por comentar *3*
» Comentários impróprios não serão aceitos
» Não brigue
» Aceito criticas mas,com educação
» Deixe o link do seu blog se quiser que eu visite :3