Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.
Em breve novas parcerias, fique ligado.
Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda
Imagem hover na descrição (a pedidos)
Não sabe o que é ou como é ? Veja um exemplo aqui passe o mouse na imagem :)- Agora que você já sabe como é, então vamos fazer ! OBS: se seu theme for de APPEARANCE, faça o tutorial, salve e só DEPOIS vocês arruma tudo no appearance.
01- Cole o código abaixo no seu CSS (se não sabe o que é, aprenda da aba Tutos):
#imgilh{width:150px;height:150px; float:right; z-index:100;background:url(URL DA IMAGEM);-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;}
#imgilh:hover {width:150px;height:150px; float:right; z-index:100;background:url(URL DA IMAGEM2);}02- Em width coloque a largura das imagens e em height a altura, e em float está para a imagem ficar na direita, se quiser na esquerda coloque 'left' :)
03- Agora vá depois de <body>, onde você quer por a imagem (provavelmente na sua descrição) e coloque o código abaixo:
<div id="imgilh"></div>
- Está pronto ! Lembrando que as 2 imagens devem ter o MESMO tamanho e largura ok ? Se não vai ficar feio :) By Fran
Marcadores: by fran
Postado por I Love HTML. 20:26.
3 Comentários
3 Comentários:
Parabéns pelo empenho!!!!
Muito legal o seu blog.
Hemen uğra ve official.com ile hayatı yaşa.
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial