jQuery UI ThemeRoller
Pengenalan kepada ThemeRoller
ThemeRoller ialah aplikasi web yang menyediakan antara muka intuitif untuk mereka bentuk dan memuat turun tema tersuai dengan UI jQuery. Anda boleh melawati jQuery UI ThemeRoller untuk penyesuaian tema.
jQuery UI ThemeRoller direka dan dibangunkan oleh Filament Group, Inc di Boston.
Antara muka ThemeRoller
Antara muka ThemeRoller dibahagikan kepada panel berbeza Setiap panel ialah tetapan jejari fon dan sudut global, gaya bekas widget, keadaan Interaktif yang boleh diklik elemen, dan pelbagai gaya tindanan dan bayang-bayang. Panel ini membolehkan mengkonfigurasi pelbagai sifat CSS seperti saiz fon, warna, berat, warna latar belakang dan tekstur, warna sempadan, warna teks, warna ikon, jejari sudut dan banyak lagi.
Galeri Tema (Galeri): Tema prareka bentuk
Tema ThemeRoller boleh dilihat melalui URL pautan kekal, yang mengandungi beberapa tema prareka bentuk untuk dipilih. Galeri boleh diakses melalui bar tab yang terletak di bahagian atas antara muka aplikasi. Daripada Galeri, anda boleh pratonton dan memuat turun tema, malah memilih tema dan bertukar kepada tab "Gulirkan Sendiri" untuk membuat pelarasan.
Muat turun tema
Selepas anda mereka bentuk tema, anda boleh memuat turun tema untuk digunakan dalam projek anda. ThemeRoller mempunyai butang "Muat turun tema" di bahagian atas, yang boleh menjana pakej zip yang mengandungi semua fail berkaitan tema. Imej dalam muat turun dijana mengikut spesifikasi anda dan disimpan sebagai fail PNG berkualiti tinggi.
Tema anda akan mengandungi imej dan CSS yang membentuk versi tersuai rangka kerja CSS UI jQuery, termasuk imej dan CSS untuk semua pemalam.
Ikuti tema yang dimuat turun dalam projek anda
Setelah tema dimuat turun, selepas menyahzipnya, anda akan melihat folder bernama themes
. Folder ini mengandungi CSS dan imej yang diperlukan oleh tema. Salin folder tema ke dalam projek anda dan pautkan fail themes/all.css
dalam halaman.
Buat komponen "ThemeRoller-Ready" tersuai
ThemeRoller menjana versi tersuai rangka kerja CSS UI jQuery untuk membangunkan komponen jQuery sedia ThemeRoller anda sendiri . Kelas yang dijana melalui rangka kerja ini direka bentuk untuk menyediakan keadaan reka bentuk antara muka pengguna biasa, termasuk keadaan, ikon dan pelbagai kelas tambahan.
Untuk mendapatkan maklumat lanjut tentang membangunkan rangka kerja CSS UI jQuery, lihat dokumentasi API Tema.