.hata, .ikaz, .tamam, .bilgi {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.hata    {background: #fbe3e4 url(http://www.teklinkoyunindir.com/wp-content/uploads/hata.png) 2.2em center no-repeat; border-color: #e0011b}
.hata a  {color: #d12f19}

.ikaz    {background: #fff6bf url(http://www.teklinkoyunindir.com/wp-content/uploads/ikaz.png) 2.2em center no-repeat; border-color: #ffd324}
.ikaz a  {color: #817134}

.tamam   {background: #e9ffdd url(http://www.teklinkoyunindir.com/wp-content/uploads/tamam.png) 2.2em center no-repeat; border-color: #72c868}
.tamam a {color: #529214}

.bilgi   {background: #e2ecee url(http://www.teklinkoyunindir.com/wp-content/uploads/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
.bilgi a {color: #2d7ba2}


/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li {
    padding-left: 1.3em
}
.hata ul li  { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/hata-bullet.png)  0 0.55em no-repeat }
.ikaz ul li  { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/ikaz-bullet.png)  0 0.55em no-repeat }
.tamam ul li { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/bilgi-bullet.png) 0 0.55em no-repeat }

üstteki kodları single.css dosyanın en altına yapıştırın daha sonra kullanmak istediginiz bölümlerde aşağıdaki kodlar arasında kullanabilirsiniz.

<div class="hata">hata mesajı</div> 
<div class="ikaz">İkaz mesajı</div> 
<div class="tamam">Tamam Mesajı</div> 
<div class="bilgi">Bilgi Mesajı</div>

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 18:07:58 -->-> Daha önceki mesaj 18:07:04 --

site adresini değiştirmeyi ve iconları almayı unutmayın