Oin paçokitas ~ Como vão ? *.* Espero que bem! Estou muito feliz pois estou vendo que meu esforçlo está valendo a pena :') , agradeço muitos á todos vocês, mas principalmente ao blog O mundo de Lo ♥ sua deewa!^-^ / Bom, o tutorial de hoje é efeito blur, á pedido do blog OML >3< , espero que gostem ♥' mais informações, enjoy!
Esse efeito eu uso nas minhas imagens de inicio de post *.*
Pra começar, vá no seu quadro HTML (Modelo>Editar HTML) , Aperte Ctrl + F dentro do seu HTML e procure por : ]]></b:skin>, quando achar essa tag, cole esse código acima dela :
.border1 {background:#fff; padding:1px; border:5px solid #d5c9e8; margin:1px;
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;}
.border1:hover {filter: blur(2px);
-webkit-filter: blur(2px); -moz-filter: blur(2px);
-o-filter: blur(2px); -ms-filter: blur(2px);
border:5px solid #d5c9e8;}
Não altere nada, por favor!
Agora cole esse código em um gadget HTML/Java Script ou no HTML da postagem : <img src="LINK DA IMAGE" width="Largura da Imagem" align="left" class="border1">
Altere o "Link da image" e "Largura da imagem"
Espero que tenham gostado *.*
Kisses ♥ Vitória
Nao existe ]]>
ResponderExcluirTente procurar por /b:skin>
ExcluirCaso não de certo, cole o código no CSS (Designer de Modelo > Avançado > CSS)
Beijos♥