2010/01/07

[CI] 引入外部連結CSS, img etc...

使用$this->load->view( 'your file' )時
如有引入CSS或是Image時,會有不知道該把檔案放哪及路徑如何指向的問題
爬了幾個文後發現這樣改最不會動到原始設定
先說明實驗路徑
/CI
    index.php
    /public     <= 放CSS Images之類的
        /images
        /js
           style.css
    /system
    /application

把所有引入檔案集中到根目錄 index.php 同層的public資料夾(你可以自己取)
然後在引入的VIEW中<head>間增加一行
<base href="<?php echo $this->config->item('base_url') ?>public/"/>
修正:上行寫法會造成網頁所有連結都會以public開頭,反而更麻煩
<base href="<?php echo $this->config->item('base_url') ?>"/>
這樣引入的CSS寫法為
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
修正:因 base url 修改,需將css引入路徑加入public目錄
<link href="public/style.css" rel="stylesheet" type="text/css" media="screen" />
CSS內影像的連結語法
background: #F7F7F7 url(images/img01.jpg) repeat-x left top;
完工!
註:如果這樣無法正常顯示,請檢查config/config.php內
$config['base_url']    = "http://127.0.0.1/guestbook/";
是否與你的網站相同(原始設定是http://example.com/)

沒有留言:

張貼留言