Cara Mengubah Background Toolbar di JQuery Mobile

07/09/2014    Rully Febrian    2333     Website

Pada tutorial sebelumnya kita telah membahas penggunaan theme. Pada dasarnya  jQuery Mobile memiliki dua tipe theme yaitu putih dan hitam. Background atau theme ini bisa kita ubah sesuai dengan warna yang kita inginkan. Caranya dengan menambahkan theme yang baru kemudian mengatur stylenya. Hari ini saya akan mengajarkan cara mengubah backgroung toolbar. Silahkan buat kode jquery mobile seperti berikut :

Cara-Mengubah-Background-Toolbar-di-JQuery Mobile

Perhatikan dibagian header dan footer. Kita telah menambahkan data-theme c dimana theme ini belum memiliki style. Sekarang silahkan tambahkan style-nya seperti berikut :

Cara-Mengubah-Background-Toolbar-di-JQuery Mobile

class ui-bar-c merupakan class dari data-theme c . Pada class diatas kita telah memberikan style background berwarna merah. Simpan kode diatas dan jalankan pada browser.

Cara-Mengubah-Background-Toolbar-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