cara memberi gambar berbeda pada kolom nama, email dan komentar mywapblog

Cara menambahkan gambar yang berbeda-beda khusus kolom nama, kolom email dan komentar mwb hanya dapat di lakukan dengan bantuan css, ini di karenakan mwb memang tidak diperbolehkan menggunakan jasa script atau php sekalipun, jadi jika selama ini kolom tersebut kosong melompong kini kita dapat menghiasinya dengan icon gambar semaunya, terbayangkan kekerenannya :mrgreen:

Perhatikan gambar di atas, nah seperti itulah hasilnya, unik dan menarik bukan :yay: mau tau ini kede css nya 

#comment_form { text-align: center;}
#comments li { font-size: 15px; font-weight: bold; list-style: none; color: #000; text-align: center; padding: 3px; margin: 1px; border: 1px solid #333;}
#comments ol { margin: -2px; padding: 2px;}
#comment_form .inp-btn { padding: 3px 5px;}
#comment_form .inp-text[name="email"] { width: 85px; margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/mail.png)no-repeat 10px 10px; color:#777; border:1px solid #ccc;}
#comment_form .inp-text[name="title"] { width: 85px; margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/user.png)no-repeat 10px 10px; color:#777; border:1px solid #ccc;}
#comment_form .inp-textarea { margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/pen.png)no-repeat 10px 10px; color:#777; color:#777; border:1px solid #ccc;}

copy disini :
#comment_form { text-align: center;} #comments li { font-size: 15px; font-weight: bold; list-style: none; color: #000; text-align: center; padding: 3px;  margin: 1px; border: 1px solid #333;} #comments ol { margin: -2px; padding: 2px;} #comment_form .inp-btn { padding: 3px 5px;} #comment_form .inp-text[name="email"] { width: 85px; margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/mail.png)no-repeat 10px 10px; color:#777; border:1px solid #ccc;} #comment_form .inp-text[name="title"] { width: 85px; margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/user.png)no-repeat 10px 10px; color:#777; border:1px solid #ccc;} #comment_form .inp-textarea { margin: 5px auto; padding: 7px 7px 7px 40px; background: #f6f6f6 url(http://blog-xtgem.yn.lt/images/icon/pen.png)no-repeat 10px 10px; color:#777; color:#777; border:1px solid #ccc;}
selamat berkarya sampai jumpa pada tutorial mywapblog yang lain atau bisa juga lihat di sini :dance: