Tips Merubah tombol menu-bar secara sederhana. |
Tip Dan Trik
hikmat,
Wednesday, 28 November 2007 03:37
Kadangkala template joomla yang kita pakai udah cukup memuaskan kita lalu kita tinggal ganti banner utamanya saja sesuai dengan tema situs kita.
Tetapi timbul sedikit ketidak puasan bila mana ternyata warna tombolnya kurang serasi dengan header banner kita.
Berikut sedikit tips untuk mengatasi masalah ini. Tips ini tidak memerlukan keahlian khusus CSS atau Flash tetapi cukup bisa menggunakan editor grafis kesukaan kita.
Mungkin ada cara lain lebih praktis saya mohon maaf ketidaktahuan saya karena ini sebagai sharing saja sesama pemakai joomla.
Langkahnya sbb :
- Gunakan FTP seperti Filezilla utk masuk ke direktori joomla kita lalu carilah (browse) file tombol yg mo kita ubah. Contohnya :
Untuk template standar joomla ada di : \templates\rhuk_solarflare_ii\images
File tombolnya berjudul menu_bg.png
{mosimage} Gb.1 Sebelum{mosimage} - Downloadlah file tersebut. Lalu pelajarilah aspek teknis dari filenya yakni : jenisnya (extentionnya),dimensinya (dalam pixel) dan besarnya file (dlm kb). Tujuan kita adalah membuat grafik serupa tetapi dengan kombinasi yang berbeda sesuai selera kita.
- Bukalah grafik editor yang biasa kita pakai (Corel Photopaint, Adobe Photoshop, dsb) buatlah gambar baru dengan ukuran yang sama (saya sarankan dalam satuan pixel) tetapi dengan kombinasi warna yang beda menurut theme kita. Bagian bawah adalah warna saat kita (kusor) menyorot menunya sebelum di klik. Ingat jarak pembaginya agar sama. Lalu save dengan kompresi sedemikian hingga besarnya file (dalam kb) mendekati sama.
Hasilnya kira2 begini :
{mosimage}
Gb.2. Setelah - Setelah itu uploadlah (dengan FTP) ke direktori yang tadi dlm langkah 1.Bila ada pertanyaan ‘overwrite ?’. Seperti biasa kita jawab 'yes'.
Setelah itu bukalah situs kita dan ‘walah’ menu bar udah berubah sesuai dengan keinginan.
Kebetulan saya menggunakan metode ini di situs saya. Silahkan kalo mo lihat hasilnya di http://www.belajarekonomi.com
Semoga bermanfaat.
Last Updated on Wednesday, 10 June 2009 16:41
Tip Dan Trik 
