MBEJI'Z EVIL

<div class="notification warning hideit">
<p><strong>WARNING ( Atau isi sesuai keinginan sobat ): </strong>Isi dengan keterangan sobat</p>
</div>

<div class="notification information hideit">
<p><strong>INFORMATION ( Atau isi sesuai keinginan sobat ): </strong>Isi dengan keterangan sobat</p>
</div>  
     
<div class="notification success hideit">
<p><strong>SUCCESS ( Atau isi sesuai keinginan sobat ): </strong>Isi dengan keterangan sobat</p>
</div>
          
<div class="notification failure hideit">
<p><strong>FAILURE ( Atau isi sesuai keinginan sobat ): </strong>Isi dengan keterangan sobat</p>
</div>
                 

body {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #999999;
}
p {
    color: #999;
    line-height: 18px
}
.main_container {
    width: 400px;
    margin: 0 auto;
}
.notification {
    line-height: 30px;
    cursor: pointer;
    clear: both;
    height: 30px;
    margin: 8px 0px 8px 0px;
    padding: 20px 25px 10px 60px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.notification strong {
    margin-right: 5px;
}
.notification p {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}
.message p {
    font-size: 11px;
}
.warning {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYxt1ILPwQ78P5TgZ8zHIA7oYuXwq99BaSR3lp3yTCKFpVZVDdqMI6HO0tKmCoXzXdAx-vluLGa15EbeTljI7CFDKNf4hBSwUXklFtKS2F1T4ao5z2fqY8lLwK3veE00dF9yhGkXrjwsx6/s1600/error.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #FFC237;
    background-color: #FFEAA8;
    color: #826200;
}
.success {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2M1QuZ45_WKMeAw-waq7afIwAfglIYSRzOtyndebHeRa41Rv34gEfQ6AaQHPry0lghZP3vfzCNWFNGaVK5o_VitOn-PmI7fpBdYRCPgcH3qf8rsOrpLnMbZymjVsFUawAW9BGWh6H52T6/s1600/accept.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #99C600;
    background-color: #EFFFB9;
    color: #3C5A01;
}
.failure {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4fwPv1Azk5bQXAP8qUjwxJLdHJ2uxX5ADxVwC7pVt4cI_ZGrR7SmDmR5lACzbOr2zRebsAE1VXLgpYPLwJGT3aBIrAemdAxceSOgXNCPyI_U2c0ysZARsEGfjUnVHuw6jWFf6PinvOVzn/s1600/exclamation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #EB5339;
    background-color: #FCCAC2;
    color: #AC260F;
}
.information {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUoRlf2c38NDe0G8Ftm5n7gBFR73s70jp2IFJ1oKSsXFlUAshEIg3cJ8HRtDYsjgPjd2muWFIViQtnNedWVWJ1EQ81HtT100yCeABRfZW8U-sPwUPGG59how6yC2tSQJafUqIJfByAV-lE/s1600/information.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #418ACC;
    background-color: #D0E4F4;
    color: #235685;
}
.lightbulb {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4WUuvHsA5SZy6rxDQk8Wl5VHEZ762kV5tRsGoeg56mBIPGQmEe1F9JKKmbHLMwsbAy_23BtYhy4e0CxdliQUIOuoPOHCQe1Kb8LmXpkK6ZZZayXj-dy_elqNlBXVeEIdWO26CyHtTJdw/s1600/lightbulb.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #D3A350;
    background-color: #FEF0CB;
    color: #835F21;
}
.messages {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha1uv2ENRCu27mRJUevweFa8GUZP8u6MVBjYJxlsO5DHOpaTPDtPzW57nD69mT1K1895JeLuJKJuETSHO1Uy8jn2Hyxn_BmqtJufWPtd6hIzlWU-IT4-Q5ryQhedP4ShGByaW-UODEBB-b/s1600/email.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #42B4FF;
    background-color: #9DDFFF;
    color: #835F21;
}

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {


    // Closing notifications
    // this is the class that we will target
    $(&quot;.hideit&quot;).click(function() {
    //fades the notification out  
        $(this).fadeOut(700);
    });
  
});  
  
</script>