Criar pop up imagem com CSS
2009-07-22, 8:51 am
Parte HTML
Parte CSS
- Código:
<a class="thumbnail" href="#thumb">TEXTO<span><img src="Url da Imagem a ser vista como pop up"/><br />Hip-Hop</span></a>
Parte CSS
- Código:
<style type="text/css">
/*URL: http://urbanzone.forumeiros.com/ */
.thumbnail{
position: relative;
z-index: 0;}
.thumbnail:hover{
background-color: transparent;
z-index: 50;}
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 20px;
}
</style>
Re: Criar pop up imagem com CSS
2009-09-02, 5:36 pm
Boas este código serve só para páginas HTML ou tambem serve para o Hi5?
Re: Criar pop up imagem com CSS
2009-09-02, 5:46 pm
Nao testei no hi5 mas acredito que funciona porque o codigo nao apresenta nenhum efeito javascript e dhtml dentro das tags html
Permissões neste sub-fórum
Não podes responder a tópicos