Criar pop up imagem com CSS

UrbanZone :: Informática ::  :: Web :: html | Css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Criar pop up imagem com CSS

Mensagem por Lyrical em 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.withme.us/ */
.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>



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Criar pop up imagem com CSS

Mensagem por Storm em 2009-09-02, 5:36 pm

Boas este código serve só para páginas HTML ou tambem serve para o Hi5?


avatar
Storm
Sub Admin

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

Re: Criar pop up imagem com CSS

Mensagem por Lyrical em 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



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Criar pop up imagem com CSS

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

UrbanZone :: Informática ::  :: Web :: html | Css

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum