Bordinha no titulo da postagem!

Olá picolés de morango, hoje a titia Carol vai ensinar um tutorial bem legal pra vocês, tá bom?

O tutorial de hoje é como colocar uma borda no titulo do post. Mais o que é isso?

Para explicar melhor, eu extrai uma imagem do tutorizar.

CLIQUE PARA AMPLIAR.

Bom, primeiro você tem que ir em designer - editar html e aperte na caixinha de "EXPANDIR MODELO  DE WIDGETS"
Depois disso, você aperta ctrl + f e procura por :

h3.post-title {Então, vai estar mais ou menos assim.

h3.post-title {

  margin: 0;

  font: $(post.title.font);

Então, você abaixo de font[...] coloca o seguinte código:

border:1px solid #FFC0CB;

box-shadow: 6px 4px 10px #ccc;

-moz-box-shadow: 5px 4px 10px #ccc;

-webkit-box-shadow: 5px 4px 10px #ccc;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 0px;

 

Onde tem o #ffc0cb você troca por um código de cor, qualquer um. A tabela está aqui.

Então é isso pessoas, gostaram? Se sim, comentem!

Queria agradecer a vocês por votarem em mim na enquete do FS, pois eu estou procurando tutoriais bem fáceis e legais pra vocês! Ganhei com 30 votos. Pena que a bruna vai sair :/

EU SEI QUE HOJE NÃO É O MEU DIA DE POST, MAIS EU PEÇO QUE ME DESCULPEM, POIS EU NÃO POSSO POSTAR QUINTA-FEIRA, POIS VOU VIAJAR.