0 Cara membuat CSS untuk themplate

Belajar Membuat Css MyWapBlog Sendiri Di dunia design MWB, ternyata Indonesia merupakan Negara penghasil Css Theme terbaik kualitasnya di Dunia. Ane pernah membaca Artikel Tentang para Master- master Css MWB dari Luar Negeri seperti Acidez dari Brazil & Noor Latin dari Malaysia. Tetapi Karya-karya Mereka tidaklah mampu menjangkau kualitas dari Css yang dihasilkan Oleh Master-master asal Indonesia Seperti Flambon, Chiem & Didick Nurmufid. Sepertinya Indonesia sudah layak bila disebut Sebagai Negara Surganya Design. Yach Kita tahu sendiri tentunya, Bahwa negara ini sebetulnya mampu untuk bersaing diarena Para Raja didunia Design MWB. Namun, sifat rendah hati yang diterapkan Oleh mereka ternyata mampu menutupi hal itu. Baiklah langsung saja Kita membahas tentang dasar membuat pondasi Css Mwb bagi yang sama sekali belum tahu. Bissmillahhirahmannirahim Hal pertama yang perlu diketahui adalah Selector. Apakah itu Selector ?. Gampangnya Saja selector adalah Pondasi dasar dari bangunan Css . Pada Css Mwb Selectornya seperti ini. #mobil_body{} tampilan bodi #header{} kepala judul #Categery top{}kategori artikel .post{}tempat artikel .post .title{}tempat judul artikel #navigation{}isi content lain} #footer{}boleh dibilang sebagai sepatu atau sandal pada css mwb Setelah faham pondasi dasarnya, Kita coba mengkreasiakanya pondasi itu menggunakan kode css pada kode diantara {. . . . . . . . }. kode kreasi dasarnya ini. "background:" latar belakang "color:" warna huruf "padding:" jarak teks pada dinding terluar (kalau mengukur kayu menggunakan Cm, tapi kalau mengukur padding menggunakan px). "margin:" jarak antara padding dengan dinding terluar (kalau mengukur kayu menggunakan Cm, tapi kalau mengukur margin menggunakan px) Contoh Se andainya kita ingin membuat header berwarna hitam dengan huruf berwarna putih, dengan bentuk standart maka begini caranya #header {background:black;color:white ; margin:0x ;padding :2px "jika ingin membuat huruf rata tengah, ini codenya"text-align:center} Setelah headernya jadi, sekarang Kita membuat categori berwarna biru dengan huruf putih. sebenarnya pada element category terdapat selector "ol" & "ul", tapi kita abaikan dulu saja.#category-top {background: blue;color :white ;margin:0x ; padding:2px "jika ingin membuat huruf rata kiri, ini codenya" text-align:left} Sekarang Sobat sudah mempunyai kerangka header & categori modus atas. untuk kerangka dasar pada bagian posting, navigasi & footer kodenya sama dengan yang diatas, bedanya cuma pada selectornya saja .post {background:black ;color:white ; margin:0x ;padding:2px "jika ingin membuat huruf rata kanan, ini codenya"text-align:right}#navigation {background:black;color :white; margin :0x; padding:2px "jika ingin membuat huruf rata tengah, ini codenya" text-align:center} #footer {background:black;color:white; margin:0x;padding:2px "jika ingin membuat huruf rata kiri, ini codenya"text-align:left}

Komentar →