UrbanZone
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Ir para baixo
Paulo_Rosa
Paulo_Rosa
Administrador
Masculino
Posts : 1146 País de Origem : Criar pop up imagem  com CSS Moz11
https://urbanzone.forumeiros.com

Criar pop up imagem  com CSS Empty Criar pop up imagem com CSS

2009-07-22, 8:51 am
Parte HTML
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>
Storm
Storm
Sub Admin
Masculino
Posts : 852 País de Origem : Criar pop up imagem  com CSS Por10
http://pwp.netcabo.pt/fernando.martim/

Criar pop up imagem  com CSS Empty 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?
Paulo_Rosa
Paulo_Rosa
Administrador
Masculino
Posts : 1146 País de Origem : Criar pop up imagem  com CSS Moz11
https://urbanzone.forumeiros.com

Criar pop up imagem  com CSS Empty 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
Conteúdo patrocinado

Criar pop up imagem  com CSS Empty Re: Criar pop up imagem com CSS

Ir para o topo
Permissões neste sub-fórum
Não podes responder a tópicos