Need help to configure CSS template in codeigniter

CodeIgniter allows you to load multiple views at the same time. You want to leave your view loads in your controller. So what you want to do is load the header view in the controller, then load the actual view you want rendered and then load the footer view. When done it will look something like this:

function index(){
    $this->load->view('header_final');
    $this->load->view('home');
    $this->load->view('footer_final');
}

Then remove all the view loads from your home.php view.

The proper way to do this is to use the controller to manipulate your views. Your default controller is specified in the "system/app/config/routes.php" file. The parameters "default_controller" tells the application which controller you want to use by default.

As Carl said, once you have placed all the line of codes you need to load the necessary views, you can point the default_controller to this controller. Note that the function index is the default function used by a controller.

Once you'll go on, you may need to build a custom controller since all of your page are will need this header and footer. I did it by addind a file under "system/app/core/MY_Controller.php" (Code igniter 2.X, not the same for different version) and I extend this controller instead. The code within this controller looks like this :

    <?php

 class MY_Controller extends CI_Controller {

    function __construct() {
        parent::__construct();
    }
    public function loadHeader($data = Array(),$customHeader = 'parts/header'){
        $this->load->view($customHeader,$data);
    }
    public function loadFooter($data = Array(),$customFooter = 'parts/footer'){
        $this->load->view($customFooter,$data);
    }
    public function loadSidebar($data = Array(),$customSidebar = 'parts/sidebar'){
        $this->load->view($customSidebar,$data);
    }
}

Then from my controller I do something like this :

    <?php

class Articles extends MY_Controller {
    public function  __construct() {
        parent::__construct();
    }
    /**
     * Controller for all news.
     * will be used as home controller.
     */
    public function index() {
        //Needed helper

        //End helper
        $data = Array();
        //Fill the array for the header part
        $data["header"] = Array();
        $data["header"]["title"] = "Articles shelf";
        $data["header"]["logo"] = "David Francoeur";
        $data["header"]["slogan"] = "just a blog about me and knowledge...";
        $this->loadHeader($data["header"]);// I would add a second parameter for a custom header.
        //Fill the array for the rest of the pages
        $data["main"] = Array();
        $this->load->model('Article');
        $data["main"]["query"] = $this->Article->get_last_ten_entries();
        $this->load->view('article', $data["main"]);
        //Fill the array for the right sidebar
        $data["sidebar"] = Array();
        $this->loadSidebar($data["sidebar"]);
        //Fill the array for data concerning the footer
        $data["footer"] = Array();
        $this->loadFooter($data["footer"]);//I would add a second parameter for a custom footer.
    }

}

You could also use a single function in your custom controller if you don't need custom header or footer something like :

<?php

class MY_Controller extends CI_Controller {

function __construct() {
    parent::__construct();
}
public function loadView($data = Array(),$view){
    $this->load->view("header_final");
    $this->load->view($view,$data);
    $this->load->view("footer-final");
}
}

It's up to you!