.

segunda-feira, 18 de abril de 2011

Dicas

Olá gente!
Eu irei ensinar como coloca borda no título do post, eu acho o efeito super legal! Olhem como ficou o meu exemplo:

 Para colocar este efeito super lindo no blog vá em Design  Editar HTML  Clique em Expandir Modelos de Widgets.
 Aperte Ctrl+F(caixinha de busca) e escreva nela h3.post-title {
 Ele vai estar 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: 10pxColoque em 10px a cor da sombra.
Se você quiser o efeito redonde mude o 0px do border-radius:0px para 10px.


7 comentários:

  1. Feliz Páscoa, que sua Páscoa seja cheia de felicidade!
    Com Carinho: Yasmin

    ResponderExcluir
  2. Obrigada linda *-*
    Feliz Páscoa a você também!
    Bjs:*

    ResponderExcluir
  3. Você apertou em Expandir Modelos de Widgets?

    ResponderExcluir
  4. Você deve teer mechido nos códigos e ssem querer deletou :(

    ResponderExcluir