Imagem que se expande com o passar do mouse

por Angel' 29.12.12 19:54

Qual é minha questão:
Olááá...

Gostaria de saber como fazer uma imagem se expandir como a desse fórum aqui: >> http://mysticalfalls.forumeiros.com/forum

Se reparar, quando colocamos o mouse em cima das pequenas imagens da categoria, ela aumenta..

É isso o que eu gostaria de saber..

Muito Obrigada desde jááá!!!!

Endereço do meu fórum:
http://tvd-vampirediaries.forumeiros.com

Versão do fórum:
PHPBB2

por Holmes 29.12.12 20:07

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:

.Resid { width: 450px; height: 50px; overflow: hidden; transition: all 3s; -moz-transition: all 3s; -o-transition: all 3s; -webkit-transition: all 3s; -htm-transition: all 3s; opacity: 0.2; } .Resid:hover { width: 450px; height: 150px; overflow: hidden; transition: all 3s; -moz-transition: all 3s; -o-transition: all 3s; -webkit-transition: all 3s; -htm-transition: all 3s; opacity: 0.9; }

Clique no botão "Salvar".

Coloque esse HTML na descrição da categoria:

Código:: <div class="Resid"><br><div align="center"><img src="LINK"></div></div>

LINK = Link da imagem. Exemplo: https://2img.net/h/i1220.photobucket.com/albums/dd444/RedeBS/arearesidencial.png

Assombrosamente.

por Angel' 29.12.12 20:12

Nosssaaa Muito Obrigadaaaa!!!!!!

Muito mais assombrosamente....

Imagem que se expande com o passar do mouse

Imagem que se expande com o passar do mouse

Re: Imagem que se expande com o passar do mouse

Re: Imagem que se expande com o passar do mouse