efeito hover mago no blogger, pois esta é truque muito fácil de ser executada e utilizada por muitos dos blogers pro too.When você mover o cursor para qualquer da imagem o efeito de pairar sobre ela ocorre e sua visão é mais clara do que antes . Gosto muito de usar esse truque hack.Its apenas pequenas CSS que é feito através da adição ao seu estilo CSS do blog e definir a sua classe ao usar sua imagem na url do blog.
Como fazer com que pairam sobre o efeito da imagem.
Entrar no Blogger Então Got To
Blogger Layout> Editar HTML> Pressione Ctrl + F
Search For </ head>
E coloque O CÓDIGO abaixo css acima da tag </head>
<style type="text/css">
img (a.linkopacity
filter: alpha (opacity = 50);
-moz-opacity: 0.5;
opacity: 0.5;
khtml-opacity: 0.5;)
a.linkopacity: hover (img
filter: alpha (opacity = 100);
-moz-opacity: 1.0;
opacity: 1.0;
khtml-opacity: 1.0;)
</ style>
Agora salve o modelo.
Agora sempre que você inserir sua imagem no blog ou no blog você usar códigos como abaixo.
Você usa códigos verdes como abaixo em seus blogs para imagens.
<a href="http://anshuldudeja.blogspot.com" target="_blank" widgets"> alt="Blogger <img src = "http://img2.pict.com/aa/ae/97/16680dfb7c10435cbefea4aa04/ 4OXiK/geneliadsouzawallpaperspicturesd.jpg "/></ a>
Use a seguir o código azul no lugar do código acima verde para ter efeito hover.
<a class="linkopacity" href="http://anshuldudeja.blogspot.com" target="_blank" Widget"> alt="Blogger <img src = http://img2.pict.com/aa/ae " / 97/16680dfb7c10435cbefea4aa04/4OXiK/geneliadsouzawallpaperspicturesd.jpg "/> </ a>
Diferença em ambos os códigos é só ter ahave i added class = linkopacityem vermelho no segundo código.
Para Demo Of Efeito Hover Imagem de duas imagens visite Demo Blogger Widget Blog.
.png "English"){kind=small}
Postagens
0 comentários:
Postar um comentário
seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.