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.

Javascript - Html - Css - Php - Mysql

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.