cssboxIconized

Css box Iconized

Yazar: Emre Çördükler | Yayın Tarihi: 04 Şubat 2011 | Yorum Kategori: Css Htm jQuery Menü

Css

/* ------------ *//*MESSAGE BOX Iconized */
.icon-gray{
border:solid 1px #DEDEDE; 
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
}
.icon-yellow{
border:solid 1px #DEDEDE; 
background:#FFFFCC url(https://img.webme.com/pic/h/hibycocuk/icon-yellow.png) 8px 6px no-repeat;
color:#222222;
padding:4px;
text-align:center;
}
.icon-ok{
border:solid 1px #90ac13; 
background:#eef4d3 url(https://img.webme.com/pic/h/hibycocuk/icon-green.png) 8px 6px no-repeat;
color:#6b800d;
font-weight:bold;
padding:4px;
text-align:center;
}
.icon-error{
border:solid 1px #CC0000; 
background:#F7CBCA url(https://img.webme.com/pic/h/hibycocuk/icon-red.png) 8px 6px no-repeat;
color:#CC0000;
font-weight:bold;
padding:4px;
text-align:center;
}

Htm

<div class="icon-yellow">Clean message box Hibycocuk.tr.gg</div>

<div class="icon-ok">Clean Ok! message box Hibycocuk.tr.gg</div>

<div class="icon-error">Clean error message box Hibycocuk.tr.gg</div>

Evet arkadaşlar anlatımız bu kadar şimdiden hayırlı kullanma dilekleri ile (:

Önizlemesi (Css box Iconized )