Membuat css template untuk framework Codeigniter 1.7.2

Latar Belakang

Pada artikel saya sebelumnya, saya membuat sebuah aplikasi bukutamu/guestbook sederhana dengan CI tanpa menggunakan sebuah template web. sehingga untuk menyempurnakan aplikasi sebelumnya saya membuat sebuah template web untuk di framework CI. templatenya itu sendiri saya mencari di internet bisanya dengan kata kunci googling  “free css template”.

Artikel ini hanya rangkuman dari aplikasi yang sudah saya buat, sedangkan untuk tutorial templatenya sendiri secara lengkapnya bisa teman-teman baca di blog ini. karena saya sudah menggabungkan dari template dan aplikasi guestbook secara keseluruhan.

Tahap Persiapan

1. Download CI 1.7.2
2. Download Template
3. Setelah itu extract file template  dan ubahlah index.hml menjadi template.php dan letakkan di direktori
   application/views
4. Lalu ubahlah kode index pada file welcome.php didalam direktori application/controllers untuk menampilkan template template.php seperti berikut ini :
5. Buatlah folder css dan images dalam dokumen root, kalau saya dalam direktori absensi seperti terlihat pada gambar dibawah ini:
6. Lalu edit file template.php dalam folder application/views dan ubahlah kode dalam file tersebut menjadi seperti ini. untuk template header, tengah, kiri, footer intinya dari template asli di cut kemudia buat file masing-masing menjadi header.php, tengah.php, kiri.php, dan footer.php semuanya di simpan di folder controller/views
7. Karena file style.css berada dalam direktori css maka jika dia mau mengakses folder images haruslah berbentuk seperti ../images. Untuk itu kata url(images/contoh_gambar.jpg) harus diganti dengan url(../images/contoh_gambar.jpg)
8. Untuk menampilkan halaman content yang lain, kita membutuhkan link untuk memanggil halaman tersebut melalui sebuah controller. untuk link nya adalah sebagai berikut : buka file header.php di folder application/views
9. Kemudian kita membutuhkan sebuah Controller bernama proses.php yang berada didalam folder application/controllers yang digunakan untuk memanggil methode nya
10. Jangan lupa untuk setting file autoload.php di folder application/config untuk helper $autoload['helper'] = array(‘url’,'form’);
11. Setting juga config.php di folder application/config untuk baseURL sesuaikan dengan link web anda $config['base_url']    = “http://localhost/template/”;

Download

http://www.4shared.com/file/KjqE19Qr/template.html

Sekian artikel dari saya semoga dapat bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 25-09-2011

noname