أكواد CSS لخانات الرسائل رائعة

العديد منا يهمل الرسائل التي نراها بالمواقع و صراحة هي فقط أضافة جمالية للموقع تجعلنا أكثر قربا من زوار مواقعنا ,

اليوم أقدم لكم كود css يجمع جميع أكواد الرسائل و أختلاف معانيها أترك لكم الصورة تعبر

بالنسبة للأيقونات يمكنم أستعمال التي تريدونها فقط يتم تغييرروابطها,

الكود كالتالي :

body {
    color: ##444444;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    font-size: 10px;
    }

.alert {
    background: #fff6bf url(exclamation.png) center no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    }

.info {
    background: #F8FAFC url(information.png) center no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
    }

.error {
    background: #FFBFBF url(error.png) center no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FF2424;
    border-bottom: 2px solid #FF2424;
    }