Web & internet

Css Mesaj Kutucukları - Havas Okulu
Mobil Görünümdesiniz Klasik Görünüm için TIKLAYINIZ Kayıt ol
Havas Okulu
Etiketlenen Kullanıcılar

Web & internet>Css Mesaj Kutucukları
HeartLess 00:36 12.04.16
Css Mesaj Kutucukları
Css Mesaj Kutucukları
Css Mesaj Kutucukları
Css Mesaj Kutucukları

Kod:
<div class="success">
    <span>Mesajınız başarılı bir şekilde gönderildi.</span>
</div>
 
<div class="warning">
    <span>Veri kaybı yaşamamak için başvurunuzu belirli aralıklarla kaydetmeyi unutmayın.</span>
</div>
 
<div class="info">
    <span>Başvurular ekte sunulan formlar doldurularak yapılmalıdır. Forma uygun olarak yapılmayan veya eksik doldurulan başvurular kabul edilmeyecektir.</span>
</div>
 
<div class="error">
    <span>Hatalı bir işlem yaptınız. Geriye dönüp kontrol ediniz.</span>
</div>
Kod:
.warning, .error, .info, .success {
    padding: 20px 20px 20px 40px;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
 
.warning {
    background-color: #f8fad5;
    background-image: url(images/warning.png);
    border-color: #e5d35b;
}
 
.error {
    background-color: #f5dfdf;
    background-image: url(images/error.png);
    border-color: #ce9e9e;
}
 
.info {
    background-color: #dfeff5;
    background-image: url(images/info.png);
    border-color: #9ebcce;
}
 
.success {
    background-color: #e8f5df;
    background-image: url(images/success.png);
    border-color: #9ece9e;
}

Facebook Twitter Google Digg LinkedIn tumblr Getpocket Reddit Email
Cevapla
yaramazfb 17:22 02.12.16
Teşekkür ederim
Cevapla
madlen 22:45 05.05.17
Allah razı olsun bu güzel paylaşım için.
Cevapla
Havasokulu 22:27 01.05.18
Sayın HeartLess, konu paylaşımınız için teşekkür ederiz.
Cevapla
Etiketler:css, kutucuklari, mesaj
Cevapla Up

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143