Box que abre com texto

[THCB 0]

Olá, preciso fazer um box estilo lightbox com texto como o do site submarino.

 

Veja um exemplo e passe o mouse em "Confira outras formas de pagamento": http://www.submarino.com.br/produto/10/214...ic+semp+toshiba

 

Alguem pode me ajudar?

 

Obrigadooo

[Carutcho 0]

Fazer um box desses é bem simples cara,

 

Seguinte, você coloca uma layer com position absolute e exatamente posicionada aonde você quer, assim como a dele quando o mouse estivesse em cima do link.

 

Depois q você tiver com o html pronto, você cria uma função javascript q vai simplesmente mostrar ou esconder essa div.

O comando pra mostrar é

 

document.getElementById('idDadiv').style.display="block";

E esconder é só substituir o "block" por "none"

 

caso você não entenda nada de javascript, me fala q eu faço um exemplo simplezinho pra você depois.

 

Abss

[THCB 0]

Carutcho obrigado, mas você poderia me passar um exemplozinho desse? Valeu =D

[Carutcho 0]

salva aee em um documento .html e testa ae.

 

 

abss

 

<script language="javascript">
function showLayer(layer)
{
	document.getElementById(layer).style.display = "block";
}
function hideLayer(layer)
{
	document.getElementById(layer).style.display = "none";
}
</script>
<style>
#idLayer { position:absolute; height:300px; width:300px; background-color:#003300; left:0;top:25px; }
</style>

<a href="#" onmouseover="showLayer('idLayer')" onmouseout="hideLayer('idLayer')"> passe o mouse aqui!!! </a>

<div id="idLayer" style="display:none" onmouseover="showLayer('idLayer')" onmouseout="hideLayer('idLayer')">

[THCB 0]

Carutcho mto obrigado, mas uma outra duvida...deste modo o box aparece em diferentes posições de acordo com a resolução do usuario...nao teria como fixar a posiçao pra aparecer no mesmo lugar independente da resolução?

[Carutcho 0]

Sim,

 

você pode fazer isso com CSS.

Esse exemplo ae fiz só de demonstração, a unica regra é que o position da div tem q ser abolute para ela ficar em cima do conteúdo, de resto você tem q fazer para adaptar ao seu layout.

 

Abssss

[THCB 0]

Com CSS??? Mas como? pode me dar algum exemplo...obrigado mais uma vez