Tutorial - Bordas nos Gadgets

 


Yoo!

Lembro-me de uma vez que postei um pequeno tutorial sobre colocar bordas na área da postagem. Dessa vez vou ensinar a mesma coisa, só que na área dos gadgets, para isso é recomendado que eles estejam separados.

Se você entendeu o outro, saiba que esse é a mesma coisa, só muda o local onde você vai colar o código. O tutorial é bem básico, acho que a maioria até já sabe, mas meu foco aqui são os iniciantes.

Espero que compreendam a minha explicação.



1. Vá até editar HTML, procure por .sidebar .widget { e abaixo do código, cole:

border-bottom: 10px solid #d4d4d4;


- Entenda totalmente o código:

Bottom - Faz com que a borda seja no fim de cada gadget. Você pode mudar para top (topo), left (esquerda) ou right (direita).

10px - Aumente ou diminua para regular o tamanho da borda.


#d4d4d4 - A cor da sua borda, mude para a que desejar.

E pronto! Agora é só salvar.


Nenhum comentário:

Postar um comentário