4/24/2013

Tutorial: Efeito preto e branco na imagem do post


Olá meus amores! Hoje eu vim aqui trazer para vocês mais um tutorial,ele é super simples,é como colocar efeito preto e branco na imagem do post,como aqui no blog! 
Eu achei o tutorial nesse blog muito fofo  This Time. Então tá,chega de enrolação vamos ao tutorial!

Primeiramente vocês devem ir até o Painel do blog ModeloEditar Html aí vocês vão descer um poucoa barra de rolagem e vai aparecer duas setinhas pretas, vocês clicam nas duas,e vai procurando pela tag (Primeiro: Eu queria tirar o print,só que como já falei nas minhas postagens anteriores estou sem programa nenhum; e Segundo: Ler o Html foi a única forma que achei para poder encontrar os códigos,não é muito dificil,para facilitar a vida de vocês a tag ]]></b:skin> fica na linha: 1050/ 1051 vocês vão achar super fácil) ]]></b:skin> 
Antes dessa tag,vocês devem colar o seguinte Código:

.pretoebranco {
-webkit-filter: grayscale(1.0);
-webkit-transition-duration: .40s; 
}
.pretoebranco:hover {
-webkit-filter: grayscale(0);
}


Depois de fazerem isso vocês apertam em "Salvar Modelo" . 
Quando vocês quiserem usas alguma imagem com o efeito preto e branco,vocês vão colocar o seguinte código onde vocês querem que a imagem fique:

<img src="URL-DA-IMAGEM" class="pretoebranco">
Então prontinho! Depois de seguir todos esses passos sua imagem ficara com o efeito,não é fácil? *-*
eu achei '-' 



9 comentários:

  1. Muito legal o tutorial, goosti ;3
    cr4zy-world.blogspot.com.br

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Adorei o tutorial! Bem prático e bem simples :) apenasonossoblog.blogspot.com.br

    ResponderExcluir
  4. Este comentário foi removido pelo autor.

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. *u* que lindo que fica eu só não uso pq meu layout já tem muito preto e branco ashuashuas

    ResponderExcluir
  9. *0*
    Precisava muito desse tuto....
    thanks
    Votei ma enquete ali >>
    Vou daar uma dica... não é o primeiro não é o segundo e muito menos o terceiro.
    hsuashaus
    Beijooo seguindo!
    Espero sua visita :3
    http://bailarinasdebigodes.blogspot.com.br/

    ResponderExcluir

Olá,Obrigada por vim comentar,fico muito feliz com seu comentário,mas antes tem algumas regrinhas que vocês precisam saber:
- Não use palavrões ou ofensas para com os outros seguidores,você não precisa se rebaixar tanto
- Tem blog? Deixa o endereço que eu sigo,se estiver seguindo aqui também.
-Por enquanto estamos sem vagas para afiliados.

Obrigada!