Olá meus anjinhos ~ヾ(＠⌒ー⌒＠)ノ☆~. Tudo bem com vocês? Espero que sim. Eu tive que mudar de URL pois o antigo, que era o Hey-You quebrou, parece que ele não recebe comentários de jeito maneira nenhuma, eu já tentei reconstruir todo o layout e nada da bagaça pegar e.e , então decidi ir pelo método mais fácil: criar um novo blog. Eu, graças a Deus não perdi muito, até porque ele tinha bem poucas postagens. Talvez eu tente adiantar mais o blog nas férias, já que eu não vou viajar ヽ(＾д＾)ﾉ~
Enfim, nessa nova moda das imagens do post tiverem opacidade, eu vim com nada mais justo que o tutorial de como coloca-lo no seu blog/site. Eu particularmente acho ele bem preciso e sem dúvida dá um charme a mais no layout. É bem simples o código, e mais simples ainda de aplicá-lo. [Tentando enrolar para completar o bagaço do nivelamento.... blá, blá, blá. Oh oh oh I really don't care... 1,2,3, flick... Meu Jesus, quando é que essas beneditas linhas acabam? Enrola, enrola, enrola. Agora chega.~]
Bem, como disse anteriormente o tutorial é simples, então nada de enrolação e.e
No seu CSS, tecle ctrl+f e procure por esse código: ]]></b:skin>. Depois de achar, cole acima dele o seguinte código:
/*---Efeito Opacidade / Crazyinhtml.blogspot.com---*/.post img { -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */-webkit-transition-duration: 2s; /* Tempo de mudação de uma imagem para outra */}.post img:hover {-moz-opacity:1.0; opacity:1.0;}.sidebar img { -moz-opacity:0.60; opacity:0.60;/* Opacidade da imagem */-webkit-transition-duration: 2s;}/*---Fim do código / Don't Plagio---*/E é so isso! Antes de salvar é bom dar uma verificada né?
Nenhum comentário:
Postar um comentário