Skip to main content
Home

CSS

March 23, 2011 by sherlocx

sherlocx's picture

halo suhu2 smw..
saya mau bertanya lagi..

saya ada masalah dengan me-load file stylesheet.css saya..
file stylesheet.css berada di direktori yang sama dengan file welcome_message.php..

berikut source code pada file view saya (view/welcome_message.php)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome to PSPTM</title>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h1>Welcome..</h1>
</body>
</html>

bagaimana cara me-load file css pada CI?
mohon solusinya..
thanks for advance..

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

ty

March 23, 2011 by sherlocx, 20 weeks 14 hours ago
Comment: 7830

sherlocx's picture

sebelumnya terimakasih kak..
masalah saya tadi sudah selesai,
tapi yang saya tidak mengerti, untuk apa html helper itu?
saya tidak mengubah apapun pada file html_helper.php, dan file css nya sudah berhasil di-load..

HTML Helper berisi fungsi

March 23, 2011 by cahndeso, 20 weeks 13 hours ago
Comment: 7832

cahndeso's picture

HTML Helper berisi fungsi yang membantu dalam bekerja dengan HTML. ini banyak digunakan di view...
fungsi yang ada br(), heading(), img(), link_tag(), nbs(), ol(),ul(), meta(), doctype(). Untuk keterangan rincinya baca user_guide.

saya teruskan penjelasan saya:

Asumsikan bahwa saya punya folder public yang berisi:

  1. js : untuk menyimpan file-file javascript
  2. css : untuk menyimpan file-file stylesheet
  3. images : untuk menyimpan file-file images

Ketika saya develop (krn lebih dari satu website yang didevelop) maka saya tempatkan website saya didalam sebuah folder, katakanlan folder websatu
(http://localhost/websatu/).
jika saya menggunakan html biasa untuk menampilkan image, maka saya akan menuliskan :

  <img src="/websatu/public/images/namafileimage.jpg">

ketika saya pasang di live server, dimana aplikasi ini menempati root directory (http://www.domain.com/) maka perintah untuk menampilkan image tadi tidak akan pernah menemukan file-nya.. sebab pathnya menjadi salah, tidak ada subfolder websatu di live server.

nah disinilah gunanya HTML helper img().
ketika di development, file config.php bagian $config["base_url"] = "http://localhost/websatu/";

maka perintah
img("public/images/namafileimage.jpg");
akan memberikan output:

<img src="http://localhost/websatu/public/images/namafileimage.jpg"  alt="" />

ketika saya pindahkan file ke live server (http://www.domain.com/), file config.php saya ubah:
$config["base_url"] = "http://www.domain.com/";
maka perintah
img("public/images/namafileimage.jpg");
akan memberikan output:
<img src="http://www.domain.com/public/images/namafileimage.jpg"  alt="" />

Perhatikan bahwa pathnya otomatis berubah sesuai dengan isi dari $config["base_url"] nya....

terbayangkah jika saya membuat perintah menampilkan image nya tidak menggunakan helper, maka sebelum sy pindahkan ke live server, sy harus ubah tag nya agar pathnya benar. jika sy punya 10 perintah menampilkan image per file view, dan saya punya 20 view... berarti saya harus mengubahnya di 200 tempat menampilkan image tadi.
Dengan memanfaatkan HTML helper img(), saya cukup mengubah $config["base_url"] nya saja... dan img() otomatis menyesuaikan...

Semoga lebih paham...
Happy Reading 'n Coding..

Cahndeso

1x lg ty

March 24, 2011 by sherlocx, 20 weeks 10 hours ago
Comment: 7834

sherlocx's picture

hohooo...
wahh,, terimakasih kak,, penjelasan anda sangat lengkap..
1x lg terimakasih..

Gunakan HTML Helper

March 23, 2011 by cahndeso, 20 weeks 17 hours ago
Comment: 7826

cahndeso's picture

Ini yang sering saya lakukan:

  1. Saya membuat sebuah folder dengan nama public sejajar dengan folder application, system dan user_guide
  2. Didalam folder public saya membuat subfolder css, images, dan javascripts
  3. Nah didalam folder css tersebutlah saya simpan file-file css saya misal style.css

Asumsikan file config.php anda base url diisi seperti berikut:

$config['base_url'] = 'http://www.domain.com/';

untuk load file css sy gunakan html helper. (ingat untuk load html helper, tempatkan di autoload atau jika ditempatkan di controller gunakan perintah $this->load->helper('html');

Perintahnya (di view):

<?php echo link_tag("public/css/style.css"); ?>

maka linknya akan menjadi:
<link href="http://www.domain.com/public/css/style.css" rel="stylesheet" type="text/css" />

lihat isi href yang menyesuaikan dengan apa yang kita isi di base_url.
Jika base url kita buat seperti (situs kita ada di sebuah subfolder:
$config['base_url'] = 'http://www.domain.com/subfolder/';
maka perintah:
<?php echo link_tag("public/css/style.css"); ?>

akan menghasilkan kode html spt berikut:
<link href="http://www.domain.com/subfolder/public/css/style.css" rel="stylesheet" type="text/css" />

Otomatis bukan...? kesimpulannya,,, jika ada helper yang disediakan oleh CI, gunakan helpernya... sebab secara otomatis juga akan membaca konfigurasi aplikasi kita. sehingga tidak bermasalah html yang tergenerate, meskipun katakanlah dalam situasi kita harus memindahkan situs kita dari yang tadinya di komputer lokal (http://localhost/) ke server (http://www.domain.com/).. kita tinggal ubah config base_urlnya saja... dan html yang digenerate menggunakan html helper otomatis akan menyesuaikan...

Semoga bisa menambah pemahaman...

Happy Coding

Cahndeso sebisa mungkin pakai helper.. jika ada...

Premium Drupal Themes by Adaptivethemes