Assalamualaikum wr.wb

Untuk melanjutkan dari artikel kemarin tentang cara membuat tema css mwb dengan mudah, dan akhirnya kita telah sampai pada CSS MWB bagian Comments,.

Sekarang kita lanjutkan dengan #comments form

Apa itu #comments form? yaitu elemment didalam elemment #comments, jadi posisi ini sejajar dengan .comment. atau lebih mudahnya bagian dibawah komentar teman kita dan masih dalam element #comments...

Dan #comments form sendiri adalah tempat seorang pengunjung blog kita menuliskan gagasan dari artikel sebelum ter-save dalam daftar komentar. yah, pasti sudah pada tahu semua.

Lihat contoh:

#comments form { background:black; border:1px solid red; padding:0px; margin:0px; text-align:center }

Dalam contoh diatas kita telah selesei mengatur bagian #comments form dan kita gunakan property seperlunya saja, karena dalam elemment #comments form kita masih akan mengatur 3 bagian, yaitu type text dan type textarea, dan type submit.. Agar tidak lari melewati batas yang sudah kita tentukan dalam element body.

Untuk bagian nama dan email, lihat contoh:

#comments form [type=text] { background:white; padding:2px; margin:0px; color:black; width:110px }

Dalam contoh diatas, silahkan ganti value dari property width nya. Aku saranin untuk ukuran-nya 120px kebawah..

Sekarang kita atur untuk kolom textarea / bagian menulis komentar, lihat contoh:

#comments form [type=textarea] { background:white; margin:0px; padding:2px; color:black; text-align:center; width:110px }

Lihat contoh diatas, apakah ada perbedaan valuenya,dengan #comments form [type=text]??..
pasti sudah jelas kan. Lanjut untuk tombol komentar-nya, lihat contoh:

#comments form [type=submit] { background:blue; border:1px solid red; padding:0px; margin:0px; text-align:center; color:black; width:50px }

Dalam contoh diatas tidak jauh berbeda dalam property-nya dengan type=text dan type=textarea. hanya saja perbedaan itu terletak pada value-nya yaitu latar-belakang (background), warna (color) dan ukuran panjang-nya (width). akhirnya Selesai sudah dalam pengaturan elemment #comments ini..


Semoga bermanfa'at ! The End !