Salut ,am pregatit pentru voi niste mesaje de alerta pentru forum.

Demo[Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Cod:

Cod:


<h2>Alert Messages</h2>
<p>Apasa pe x pentru a sterge alerta.</p><div class="alert">
  <span class="closebtn">×</span> 
  <strong>ABC!</strong> DEFG.
</div>
<div class="alert success">
  <span class="closebtn">×</span> 
  <strong>ABC!</strong> DEFG.
</div>
<div class="alert info">
  <span class="closebtn">×</span> 
  <strong>ABC!</strong> DEFG.
</div>
<div class="alert warning">
  <span class="closebtn">×</span> 
  <strong>ABC!</strong> DEFG.
</div>

<script>
var close = document.getElementsByClassName("closebtn");
var i;

for (i = 0; i < close.length; i++) {
    close[i].onclick = function(){
        var div = this.parentElement;
        div.style.opacity = "0";
        setTimeout(function(){ div.style.display = "none"; }, 600);
    }
}
</script>


Cod CSS:


Trebuie sa postezi pentru a putea vedea codul.