Ecco l codice usato:
Realizziamo il codice CSS da inserire tra i TAGs HEAD della nostra pagina.
<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#banner {
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border:0px;
background-color:#FFFFFF;
width: 245px;
height: 181px;
left: 333px;
top: 151px;
}
#banner a
{
color:#FFCC00;
text-decoration:none;
background-color:#FFFFFF;
}
#banner a:hover
{
color:#FFCC00;
text-decoration:underline;
background-color:#FFFFFF;
}
#chiudi
{
position:absolute;
width:9px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
left: 570px;
top: 137px;
text-align:right;
}
#chiudi a
{
background-color:#FFFFFF;
font-weight:bold;
color:#000000;
text-decoration:none;
text-align:right;
}
#chiudi a:hover
{
background-color:#FFFFFF;
font-weight:bold;
color:#990000;
text-decoration:none;
text-align:right;
}
</style>
Ora passiamo alla realizzazione del codice presente tra i TAGs BODY. Eccolo qui sotto abbondantemente commentato:
<body>
<!-- Inzio codice testo pagina -->
Qui il testo della pagina... (noi abbiamo messo le classiche frasi latine..)
<!-- Fine codice testo pagina -->
<!-- Inizio codice POP-UP -->
<div id="banner">
<a href="http://www.agwebsolutions.it" target="_blank"><img src="immagine.png" border="0" alt="Clicca qui" /></a>
</div>
<!-- fine codice pop-up -->
<!-- Inizio codice barra di chiusura POP-UP -->
<div id="chiudi" align="right">
<a href="#" onclick="banner.style.display='none';
chiudi.style.display='none'"><strong>X</strong></a>
</div>
<!-- Fine codice barra di chiusura POP-UP -->
</body>
IO vorrei fare una modifica che mi permette di farsi che il pop-up si apra solo una volta al giorno.
So che si dovrebbe usare i cookie ma non so come.
Chi riesce ad aiutarmi?
Grazie mille in anticipo :hammer:
Realizziamo il codice CSS da inserire tra i TAGs HEAD della nostra pagina.
<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#banner {
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border:0px;
background-color:#FFFFFF;
width: 245px;
height: 181px;
left: 333px;
top: 151px;
}
#banner a
{
color:#FFCC00;
text-decoration:none;
background-color:#FFFFFF;
}
#banner a:hover
{
color:#FFCC00;
text-decoration:underline;
background-color:#FFFFFF;
}
#chiudi
{
position:absolute;
width:9px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
left: 570px;
top: 137px;
text-align:right;
}
#chiudi a
{
background-color:#FFFFFF;
font-weight:bold;
color:#000000;
text-decoration:none;
text-align:right;
}
#chiudi a:hover
{
background-color:#FFFFFF;
font-weight:bold;
color:#990000;
text-decoration:none;
text-align:right;
}
</style>
Ora passiamo alla realizzazione del codice presente tra i TAGs BODY. Eccolo qui sotto abbondantemente commentato:
<body>
<!-- Inzio codice testo pagina -->
Qui il testo della pagina... (noi abbiamo messo le classiche frasi latine..)
<!-- Fine codice testo pagina -->
<!-- Inizio codice POP-UP -->
<div id="banner">
<a href="http://www.agwebsolutions.it" target="_blank"><img src="immagine.png" border="0" alt="Clicca qui" /></a>
</div>
<!-- fine codice pop-up -->
<!-- Inizio codice barra di chiusura POP-UP -->
<div id="chiudi" align="right">
<a href="#" onclick="banner.style.display='none';
chiudi.style.display='none'"><strong>X</strong></a>
</div>
<!-- Fine codice barra di chiusura POP-UP -->
</body>
IO vorrei fare una modifica che mi permette di farsi che il pop-up si apra solo una volta al giorno.
So che si dovrebbe usare i cookie ma non so come.
Chi riesce ad aiutarmi?
Grazie mille in anticipo :hammer: