Membuat Custom Icon di JQuery Mobile

15/08/2014    Rully Febrian    1279     Website

Pada tutorial sebelumnya kita telah mempelajari cara membuat tombol dengan teks di jQuery Mobile. Hari ini saya akan mengajarkan bagaimana cara membuat tombol dengan menggunkan icon yang kita buat sendiri. Caranya sangat mudah yakni kita membuat style yang disimpan di dalam class yang berfungsi untuk memanggil icon yang telah kita buat sebelumnya.

Membuat-Custom-Icon-di-JQuery-Mobile

Class diatas mendefinisikan sebuah gambar dengan pengaturan size 22px. Pada tutorial ini saya akan membuat 4 tombol dengan icon custom yang berbeda. Silahkan buat kode jQuery Mobile seperti berikut :

Membuat-Custom-Icon-di-JQuery-Mobile

Simpan dan buat file css-nya seperti berikut :

Membuat-Custom-Icon-di-JQuery-Mobile

Simpan. dan jalankan pada browser. Hasilnya akan terlihat sebagai berikut :

Membuat-Custom-Icon-di-JQuery-Mobile

 

Baca juga Membuat Form di jQuery Mobile

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More