Aprenda a:..."Expandir imagens ao passar o mouse" - #Mensagens Diversificadas |MD|

#Mensagens Diversificadas |MD|

MD . Mensagens Diversificadas.

Home Top Ad

Pesquisar

Aprenda a:..."Expandir imagens ao passar o mouse"

fonte e créditos:



 

 Para quem tem blog e utiliza iamagens eis um bom código para economizar espaço e organizar bem os posts.Super fácil e leve, pode ser usado direto nas páginas de postagem do blog, no
modo "  Editar HTML"




<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />
<style>
  img.expa {
    cursor: pointer;
    max-width: 150px;
  }
  img.expa:hover {
    max-width: none;
  }
</style>


Vagabundia


 Mas se quer mais praticidade,  

vá até o HTML de seu blog e

depois de   ]]></b:skin>  
cole o código abaixo


<style>
  img.expa {
    cursor: pointer;
    max-width: 150px;
  }
  img.expa:hover {
    max-width: none;
  }
</style>








Agora vá até Configurações, agora clique em Formatação. Lá em baixo na página vc verá uma área em branco, cole o código abaixo e salve.

<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />



"  Sempre que precisar basta colar o endereço da imagem desejada, se não, basta apagar."




Nenhum comentário:

Postar um comentário


Mensagem do formulário de comentário:

Postagem em destaque

Releitura: Pantufas/Chinelos de crochê para adultos, tutorial / receita, veja detalhes +

https://www.youtube.com/watch?v=LtdPAys9xtM LEITORES...SEJA +1 VÍDEOS APAREÇA NAS B...

mensagens

Post Top Ad