- Pengenalan Q : Apakah CSS itu? A : CSS (Cascading Style Sheet) adalah elemen/bagian dari HTML yg menentukan wajah/tampilan dari HTML tersebut,yang meliputi warna latar belakang, warna/jenis/ukuran huruf, gambar, dan masih banyak lagi.
- Format umum blog Zonam body { } .main{ } .header{ } .judul{ } .content{ } .footer{ } .comment{ } .link{ } div{ } p{ } a{ } u{color: ;} b{color: ;} i{color: ;}
- Untuk Mengedit Css,Masuk ke blog menu, masuk ke menu edit CSS, masukin kode2 d atas ke text area paling besar (ditengah)
- Properti / Style Masukkan style di bawah ini ke dalam { } Macam-macam properti dengan urutan selector {property:nilai;}
- color (warna huruf) diisi dengan nama warna (menggunakan bahasa inggris) atau dengan kode warna. Jika menggunakan kode warna, harus diawali dengan tanda pagar (#). Kode warna bisa dilihat disini atau menggunakan MobiColor.jar
- background-color (warna latar belakang) sama dengan no.1. Bisa juga menggunakan gambar. Contoh background-image: url('http://wewegombelnge.kom/por.jpg');. Untuk repeat/pengulangan : repeat-x untuk mengulang horisontal, repeat-y untuk mengulang vertikal, repeat untuk mengulang horisontal & vertikal, posisi : bottom, top, left,right, center
- border (batas/frame) diisi dengan format nilai(ukuran jenis warna). Ukuran diisi dengan **px (misal 1px, 2px, 3px, dst). Jenis diisi dengan bentuk border yg diinginkan (solid, ridge, double, dashed, dotted, groove, inset, outset). Warna diisi seperti no.1. Contoh {1px solid black}
- text-decoration (dekorasi text) diisi dengan blink (ketip2 ,p), overline (garis diatas text), line-through (garis ditengah text, underline (garis dibawah text), none (tanpa efek)
- padding (menentukan jarak antara border dengan isinya ) diisi dengan **px (1px, 2px, dst). Dapat diterapkan pada tiap2 sisi dengan menambahkan nama sisi. Misal padding-left, padding-top, padding-bottom, padding-right
- margin (menentukan jarak tiap2 elemen) diisi seperti padding
- text-align (perataan text: diisi dengan left, right, center, justify
- a adalah style untuk link
- b/u/i adalah style saat huruf berada dalam bbcode [b]bold[/b], [u]underlined[/u], [i]italic[/i]
- Lalu tekan save
- untuk tutorial yang lebih lengkap silakan ke Quackit.com atau w3schools.com
sumber : http://cnkri.xtgem.com
No comments:
Post a Comment