SAIYO.BIZ

Home.Info.News.Trick & Tips.Xt Tutorial.TECHNO.Design.Startup.About Me.Private Message

Membuat Css Tambahan Sederhana | Xtgem Tutorial


CSS (Cascading style sheet) Merupakan elemen terpenting dalam mendesign sebuah tampilan web atau wap. Dengan menggunakan css kita bisa mengatur tata letak, font, warna dan lainnya.

Xtgem sendiri telah menyediakan template atau css kusus untuk rancangan wap kita, tapi rancangan css nya hanya sekedar script penyesuaian tampilan dengan perangkat bertujuan agar memberikan perbedaan tampilan bila dikunjungi melalui perangkat yang berbeda. Tapi bukan berarti kita tidak bisa menambah css yang kita inginkan, walau memang harus berkerja lebih.

Agar tampilan xtgem bisa lebih bagus, kita akan mencoba memberikan Css tambahan agar untuk memberikan perbedaan disetiap bagiannya yang dipanggil dengan memasukan value "class" pada kode html. Untuk pembelajaran pertama mungkin kita mulai dengan merancang bagian _header terlebih dahulu.

Oke, sekarang anda buka halaman global_stylesheet.css pada file browser anda. Sekarang kita akan membuat Classes untuk _header. Jika sudah silahkan salin kode css dibawah ini:



kemudian pastekan pada halaman global_stylesheet.css dan simpan. Selanjutnya anda buka halaman _header klik Tambahkan blok anda akan melihat banyak pilihan, anda cari kata kode dan klik pilihan tersebut. Sekarang anda masukan kode html berikut ini:


kemudian klik simpan. Silahkan lihat dengan klik pratinjau. Tampilannya akan seperti dibawah ini:

FROM WAP

Dalam sebuah css memiliki banyak properti atau nilai, semuanya bisa dipadukan agar menjadi satu elemen. Baca penjelasan lengkap seputar css dibawah ini.

Bagian-Bagian Dasar Dalam Css


Perhatikan Css yang ada dalam text area!
Pada dasarnya css hanya terbagi dari selector {property:value;}Dalam pembuatan css yang perlu diperhatikan adalah .nama selector { Properti : value ;}
tanda " : " titik dua selalu tempatkan diantara properti dan value, dan tanda titik koma " ; " selalu ditempatkan diakhir properti dan value sebagai tanda penutup dan pembeda satu properti dengan properti lainnya.
Xtgem Tutorial
Template Dasar dan Fungsi File Dalam File Browser Xtgem
Membuat Css Class Sederhana
Properti yang Sering di Gunakan Dalam Membuat Css
Membuat Tampilan Header dengan Menu Button Hover
CSS Menu Pilihan Bergambar

Kategori

Android Game
Android App
Android Info
Android Themes


© 2015 FROM.HEXAT.COM
Powered by: Xtgem.com
thank To: Android Games Room

ON: 1 VISITOR: 273

XtGem Forum catalog