ISO 9001

PENGEDITAN TAMPILAN WEBSITE MENGGUNAKAN CSS


Warna tampilan, style font, dan segala sesuatu yang berkaitan dengan itu dapat diubah sekehendak kita. Pengeditan itu dapat dilakukan pada file CSS yang terdapat di folder templates. Sekedar mengingatkan, ada 3 jenis themes yang dapat dipilih oleh admin untuk digunakan, yaitu default, light, dan Kubrick. Masing-masing themes dapat diedit. Untuk itu di dalam folder templates terdapat 3 folder lagi, yaitu folder default, light, dan kubrick.
Sebagai contoh, misalkan yang akan diedit adalah theme light. Langkah-langkahnya adalah sebagai berikut.

1. Masuklah ke folder light dan kemudian akan terlihat tampilan seperti Gambar berikut.

text

2. Folder css berisi file css yang akan diedit. File images berisi gambar-gambar yang tercakup ke dalam theme tersebut, yang tentunya dapat ditambahkan ataupun dikurangi. File footer dan header merupakan file php yang berguna untuk mengedit susunan header dan footer pada theme tersebut, apakah list menu akan ditampilkan atau tidak. Untuk mengedit css, masuklah ke folder css, dan kemudian akan muncul tampilan seperti Gambar berikut.

text

3. Isi folder tersebut adalah 3 file css yang berupa light, print, dan xml. File css light adalah file utama yang akan diedit untuk mengganti tampilan halaman website. File print tidak terlalu penting namun berguna untuk mengatur tampilan jika ada file yang perlu diprint. Namun pada umumnya file tersebut dan juga file xml.css tidak perlu diedit. Silakan buka file light.css menggunakan Dreamweaver, textpad, ataupun program lain yang cocok.

4. Isi dari file css tersebut sudah dapat diedit sesuai keinginan. Namun, berikut adalah contoh file css yang telah diedit. Klik di sini. Silakan copy dan replace ke dalam file css tersebut jika diinginkan. (jika ingin menggunakannya diharuskan juga untuk mengcopy dan replace file-file gambar yang terdapat dalam folder image/light.css ke dalam folder images dari light)

NB: UNTUK SAAT SEKARANG THEME YANG DIGUNAKAN ADALAH KUBRICK

There are no comments on this page.
You are not logged in. ( Login )

Valid XHTML :: Valid CSS: :: Powered by WikkaWiki