Berikut saya ingin berbagi tentang cara memodifikasi comment form menggunakan css, agar tampilan comment form tidak monoton dan beda dari comment form drupal standar.
Caranya cukup mudah hanya dengan menggunakan memodifikasi css sebagai berikut:
- Buka file yang berisi css pada themes yang anda gunakan. Pada umumnya file ini terletak pada folder > sites/all/themes/folder-themes-anda/style.css > atau untuk themes yang menyediakan fasilitas untuk customisasi css bisa ditemukan pada folder sites/all/themes/folder-themes-anda/css, dengan nama file local.css, atau custom.css dll
- Untuk membuat field nama dan email sejajar dengan label maka gunakan code berikut:
#comments #edit-name-wrapper .form-text, #comments #edit-mail-wrapper .form-text { clear : left; width: 50%; } #comments .form-item label{ float: left; width: 20%; } Code ini akan membuat label dari field akan "melayang" dengan lebar 20% dan lebar field nama, email lebarnya 50% dari lebar region content anda.
- Untuk menyembunyikan field homepage, cara yang lebih baik adalah dengan menonaktifkan field ini dengan fuction yang harus dipasang pada file template.tpl.php, namun karena field ini bersifat opsional jadi bisa disembunyikan dengan css berikut:
#comments #edit-homepage-wrapper { display:none; }
- untuk membuat textarea tetap di bawah label comment maka gunakan code berikut:
#comments textarea, textarea#edit-body{ clear : left; }
Perhatikan perubahan tampilannya:
Sebelum dimodifikasi
Sesudah dimodifaksi.
EmoticonEmoticon