18 de janeiro de 2012

Tutorial-Borda no titulo da post !

Eu Adorei muito este tutorial gente, no final fia lindoo !


olhem só :

Vá em DesignEditar HTML e clique em Expandir Modelos de Widgets.

Aperte CTRL + F (caixinha de busca) e escreva nela: h3.post-title {

Ele estára assim:

h3.post-title {
margin: 0;
font: $(post.title.font);


Abaixo de font: $(post.title.font); cole esse código:

border:1px solid #FFFFFF;
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 esta #FFFFFF coloque a cor que você quer.

Onde esta: webkit-border-radius: 10px; Coloque em 10px a cor da sombra.
Se você quiser o efeito redonde mude o 0px do border-radius:0px para 10px.

Clique no link para ir a tabela de cores.

Muito legal e Fácil..Um Beijão..

Nenhum comentário:

Postar um comentário