isso deve ser mais ou menos assim
crias uma div , com a bonecada que queres qie apareça com style display:none.
depois com uma função javascript
para chamar em onload no body ...
Código:
function link()
{
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block';
}
function tabela()
{
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none';
}
fazendos <body onload="javascript:link()">
e na cruz do feixo da mesma fazes onclick="javascript:ink();"
a div onde fazes a bonecada
Código:
<div id="light" class="white_content">
</div>
tens de criar uma class white_content ou con outro nome com tranaparencia no css
do tipo
Código:
.white_content
{
display: none;
position: absolute;
top: 8%;
left: 30%;
width: 60%;
height: 82%;
padding: 16px;
background-color:transparent;
z-index:1002;
padding: 16px;
}
e mais uma div
Código:
<div id="fade" class="black_overlay">
</div>
e mais uma classe black_overlay no css
Código:
.black_overlay
{
border:solid 1px black;
display:none;
position:absolute;
top: 0%;
left: 0%;
width: 101.5%;
height: 100%;
background-color:Black;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
espero que tenha ajudado
caso tenhas duvidas adiciona
que eu arranjo algo feito
não posso agra arranja pois tenho de fazer algumas alterações ...
não te o posso arrankar tdo