Ciao Xinod,
secondo te è possibile applicare queste estruzioni a quelle che mi hai consigliato tu?Queste istruzioni fanno un effetto fade:

Codice PHP:
<body>
<head>
    <link rel='stylesheet' href='sample.css' type='text/css'>
    <title>DHTML Popups Sample 07</title>
</head>
<body>
<h1>DHTML Popups Sample 07</h1>

<script type='text/javascript'>

// Browser safe opacity handling function

function setOpacity( value ) {
    document.getElementById("styled_popup").style.opacity = value / 10;
    document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
    for( var i = 0 ; i <= 100 ; i++ )
        setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
}

function fadeOutMyPopup() {
    for( var i = 0 ; i <= 100 ; i++ ) {
        setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
    }

    setTimeout('closeMyPopup()', 800 );
}

function closeMyPopup() {
    document.getElementById("styled_popup").style.display = "none"
}

function fireMyPopup() {
    setOpacity( 0 );
    document.getElementById("styled_popup").style.display = "block";
    fadeInMyPopup();
}
</script>

<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 150px; left: 50px; zoom: 1'>
<table width='380' cellpadding='0' cellspacing='0' border='0'>
<tr>
<td>[img]images/x11_title.gif[/img]</td>
<td>[url='javascript:fadeOutMyPopup();'][img]images/x11_close.gif[/img][/url]</td>
</tr>
<tr><td colspan='2' style='background: url("images/x11_body.gif") no-repeat top left; width: 380px; height: 277px;'>
Hey, look at me!

I'm fading :-)
</td></tr>
</table>
</div>

<input type='submit' onClick='fireMyPopup()' value=' Fire! '>

</body>
</html> 
Ciao e auguri!