16 dezembro 2011

Opacidade e Borda nas imagens do post

Tumblr_ls6vmicdhv1r170wxo1_r1_500_large
Olá vou começar a postar de novo (Ebaaaaa), e o tutorial de hoje vai ser como colocar opacidade e borda, nas imagens do post, bom ele é super simples mas tem que ter atenção pra fazer tudo certinho, Então vamos lá!


Tutorial
Vá em design> editar html e procure por ]]></b:skin>

Logo acime cole o código abaixo:
.post img {filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;border:3px solid #f4bdbd;  /--- Cor e Estilo da borda ---/}
.post  img:hover {filter:alpha(opacity=100);    -moz-opacity:1.0;    opacity:1.0;border 
Se quiser usar este efeito na sidebar é só trocar .post img por .sidebar img !
Beijos e até a próxima ;*

Um comentário:

  1. Legal esse tuto, acho que vou usar :)
    Ei flor ! Estou passando pra avisar que está
    rolando um concurso lá no blog em parceria com o blog Meia Noite e Quinze,
    que está valendo mais de 40 utilitários, entrevista, destaque e muito mais!
    Não vai ficar de fora né? Te espero lá!
    Beijos !
    Tendências Teens || Concurso em parceria com o MNQ

    ResponderExcluir

Comente que eu retribuo!