Untuk membuat menu accordion, kali ini kita coba pakai Qlue Accordion.
Tampilan yang standard, ukuran font memakai h3 yang menurut penulis cukup
besar plus gambar ikon disebalah kanan yang hanya berupa tanda + dan tanda
- . Garis bawah title juga dengan warna yang samar-samar.
Untuk mengoprek agar sesuai dengan templte kita, cari saja file :
./modules/mod_qaccordion/style/qaccordion.css
ganti style menjadi spt ini :
#qaccordion h3 {
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 13px;
color: #274149;
cursor: pointer;
margin: 15px 0 0 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #A1C3CE;
}
Kemudian ganti ikon gambar yang berada di folder
../modules/mod_qaccordion/images sesuai kebutuhan.
Hasilnya akan menjadi gambar seperti diatas.
0 comments:
Post a Comment