Menù

Demo

Avviso Importante

Informiamo i gentili utenti che é disponibile il codice per creare un avviso scorrevole a scomparsa

Chiudi avviso
  • aggiornato il 01/02/2025 21:18:34

Top 5

Avviso scorrevole a scomparsa

Un semplice avviso che si chiude con un click grazie ad una piccola funzione javascript

function chiudi(){
        document.getElementById('avviso').style.display='none';
    }

l'html dell'avviso

<div id="avviso">
    <h3>Avviso Importante</h3>
    <p>Informiamo i gentili utenti che é disponibile il codice per creare un
        avviso scorrevole a scomparsa</p>
    <a href="javascript:chiudi()">Chiudi avviso</a>
</div>

un po di formattazione css

div#avviso {
        position: fixed;
        left:40%;
        top:25%;
        width: 250px;
        padding: 20px;  
        background-color: #F5F5F5;
        border: 4px solid #E1E1E1;
        border-radius:8px;
    }
    div#avviso h3 {
        color:#333;
        padding:2px;
        margin:0;
    }
    div#avviso p { 
        color: #666;      
        font-size: .9em;
        width: 95%;
        margin:auto;
    }
    div#avviso a {
        color:#333; 
        float: right;
    }

criric

Mi sono appassionato di programmazione web a 34 anni, un pò tardi, da allora però non perdo mai occasione per imparare qualcosa di nuovo in questi campi.

Inserisci un commento

Codice antispam

Categorie

Comunicazioni

Puoi utilizzare questo modulo per qualsiati tipo di segnalazione.

Codice antispam

 

I dati di questo modulo non verranno pubblicati.