Ciao.

Procedi passo passo per un semplice banner centrato 500px x 500px. Apertura in zoom e pulsante di chiusura:

Realizza una pagina test oppure utilizza quella dove deve apparire il BANNER

Vai al PASSO 3 POI seleziona la tua pagina (non la devi aprire) Vai sulle proprietà della pagina in alto e fai click sull'icona. Vedi che ti si apre il pannello per inserire il codice. Troverai delle opzioni tu inizialmente scegli e inserisci tutto il codice che segue DOPO L'APERTURA DEL TAG HEAD E INSERISCI TUTTO QUELLO CHE VEDI ▼

<!-- BY LOSMANETTONE.IT 2026 -->

<div id="popup-banner">
<div class="popup-content">

<button class="popup-close">
<svg width="24" height="24" viewBox="0 0 24 24">
<line x1="4" y1="4" x2="20" y2="20" stroke="white" stroke-width="2"/>
<line x1="20" y1="4" x2="4" y2="20" stroke="white" stroke-width="2"/>
</svg>
</button>

<img src="https://www.miosto.it/images/miaiimagine.jpg" alt="Banner">
</div>
</div>

<style>
/* Overlay */
#popup-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
animation: popupZoom 0.35s ease-out;
transform-origin: center;
}

/* Box del popup */
.popup-content {
position: relative;
width: 500px;
height: 500px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

/* Immagine */
.popup-content img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* Bottone X */
#popup-banner .popup-close {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0,0,0,0.6);
border: none;
padding: 6px;
border-radius: 4px;
cursor: pointer;
}

/* Animazione zoom */
@keyframes popupZoom {
0% {
transform: scale(0.6);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
</style>

Ora dobbiamo inserire lo script e lo mettiamo DOPO L'APERTURA DEL TAG BODY

<script>
// Chiudi popup al click sulla X
document.querySelector(".popup-close").onclick = function() {
document.getElementById("popup-banner").style.display = "none";
};

// Chiudi popup cliccando fuori dal riquadro
document.getElementById("popup-banner").onclick = function(e) {
if (e.target.id === "popup-banner") {
this.style.display = "none";
}
};
</script>

Al contrario se non vuoi inserire codici strani e servirti delle opzioni di INCOMEDIA (Consigliato) vai al PASSO 1 poi fai click su MESSAGGIO PUBBLICITARIO. Nelle opzioni in alto a sinistra abilita il banner poi sulle opzioni TIPO MESSAGGIO hai 4 scelte. Ognuna ha un suo setup. Trova quella che fa al caso tuo e setta a destra dove deve apparire cioè in quale pagina deve apparire il banner. Puoi regolarne la durata e la visualizzazione se solo una volta o sempre e cioè ogni volta che si apre quella pagina. 

Qual'è la differenza tra le due operazioni?

Con il codice se sei addentrato e sai dove mettere mani fai come ti pare ......colori,transizioni,animazioni,durata,tempi ecc viceversa, con le Opzioni di INCOMEDIA , secondo me più che sufficienti,  fai un semplice banner.

Buon lavoro.

buon giorno roberto, grazie x l'aiuto. Io gia, il codice c'è lo anche il banner perchè e un banner religioso, lo devo solo inserire nella pagina del sito. mi puoi dire come si fa ? grazie