22 de nov de 2010

Expandir imagens ao passar o mouse



 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.

3 comentários:

  1. Excelente dica. No fim de semana irei fazer alguns testes em meu blog e utilizarei esta dica.
    obrigado por compartilhar.

    abraços

    ResponderExcluir
  2. Legal vou usar.
    Pois sempre tenho que ficar redimencionando imagens no meu Blog de Jogos, Aplicativos, Tutoriais, musicas para celular.

    Façam v6 tamem uma visitinha:
    http://membros-88.blogspot.com

    Abraços.

    ResponderExcluir
  3. Poxa não funcionou, deve ter errado no endereço da imagem, ela tem que estar hospedada em algum local fora do meu blog?

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube