Membuat Website dengan CodeIgniter #2

Ditulis pada 12 Dec 2008 dalam kategori Seri Tutorial Website, dibaca 2269 kali dan ditanggapi 9 kali

Mungkin sebagian orang (termasuk saya) kebingungan ketika ingin menggunakan css dan membuat background image (css) di CodeIgniter. Mulai dari peletakan folder image, stylesheet, dll. Deklarasi url image pada tag background di css adalah masalah yang paling besar menurut saya. Tetapi jangan khawatir, saya punya triknya.

Misalkan kita punya folder images yang berisi file-file gambar untuk situs kita, dan ingin digunakan di css sebagai background. Biasanya, saya letakkan folder images di luar system.
root
|
---images
---stylesheet
---system
|
index.php

Contoh, kita punya file css bernama style.css dan style2.css. Untuk menggunakannya, kita buat satu file css yang lain, misal screen.css (semuanya disimpan dalam folder stylesheet.

// screen.css
@import url("style.css");
@import url("style2.css");

Nah, pada file header.php yang kita buat pada tutorial #1, kita tambahkan di bagian dalam <head> ... </head> :

<link rel="stylesheet" type="text/css" media="screen" href="<?=base_url()?>stylesheet/screen.css" />

Jika kita ingin menggunakan tag background di css, gunakan seperti berikut :

background: #F6F5F5 url(../images/bg.gif) repeat-x;

Yupz. Selesai. Bersambung dulu ya...{ to be continued }

What the others say?

Sampai saat ini ditanggapi 9 kali

Mr.Kuniwa on 12 December 2008 19:53:35

Mampir jogja sek ah :D

fikri on 13 March 2009 13:24:31

sori,pemula ney

mau nanya, kenapa contohnya musti ada style.css dan style2.css ??? knp gak satu aja? trus, " background: #F6F5F5 url(../images/bg.gif) repeat-x; " diletakkan di style.css,style2.css atau screen.css ???

Anggy Trisnawan on 13 March 2009 17:27:20

Itu cuma pilihan, satu juga boleh...untuk property2 diletakkan di style.css atau style2.css...

fikri on 14 March 2009 9:59:50

oke,jalan

tapi setelah saya menggunakan htaccess untuk menghilangkan "index.php" di url saya (seperti di petunjuk ci)css yang dah ku buat gak bs kebaca lg???halamanya tetep aja putih

Anggy Trisnawan on 14 March 2009 13:02:06

coba pake tutorial di web ini, ada kok, Klik disini

achmad on 28 April 2009 12:59:55

waaaaah kok bersambung???

anggun on 26 June 2009 13:05:24

mz..kok tampilannya masi putih juga yh??? folder stylesheetnya dibuat lagi?? kok saya ga nemu yg namanya folder stylesheet??

Lagi-lagi on 26 June 2009 14:09:28

#anggun : foldernya dibuat sendiri mbak anggun

sofian on 26 June 2009 18:22:18

Mas, kalo yang folder images tak jadiin tempat foto" aja

jadi yang gambar" untuk template css ada di | ---images ---stylesheet ------images <---- ---system | Tak buat 1 folder lagi. Sehingga tidak perlu kita setting lagi kalau mau upload. (sekedar masukan Mas)

Do you wanna say a few words?