div overlayer a tempo

**sono io** · 15-12-2009, 17:20

Ciao, sto realizzando un box overlayer per mettere dei messaggi sulla homepage.
Vorrei si chiudesse dopo un tot di tempo, ma senza dover toccare il tag body se non tramite css (perchè sono su un cms) e possibilmente senza javascript nel <head>.

E' possibile?
Sapete aiutarmi?

Questo il codice:

codice:

<div id="overlayer">
   <div class="centrato">
        <div class="chiudi">
	CHIUDI X
        </div>
        <div>
            [img]uploads/images/auguri.gif[/img]
        </div>
    </div>
</div>

e questo il css:

codice:

#overlayer
{
	position: Absolute;
	width: 100%;
	height: 100%;
	z-index:1000;
}

.centrato {
	display:     block;
	width:       600px;
	height:      420px;
	position:    absolute;
	top:         50%;
	left:        50%;
	margin:      -218px 0 0 -308px;
	background:  #fff;
	border:1px solid #333333;
	padding:16px;
}

div.chiudi
{
background:#FFFFFF;
    text-align: Right;
}

**cavicchiandrea** · 15-12-2009, 17:32

a fine pagina fai cosi:
</body>
<script>
setTimeout("document.getElementById('overlayer').s tyle.visibility='hidden'", 5000)
</script>
</html>

**sono io** · 15-12-2009, 17:39

Sei un genio, grazie!
Ciauz

**sono io** · 15-12-2009, 17:46

E se volessi fare un effetto che sparisce gradualemente...
Chiedo troppo eh?

Discussione: div overlayer a tempo

Strumenti discussione

Ricerca discussione

Visualizza

div overlayer a tempo

Permessi di invio