CodeIgniter PHP stil bağlantı.

6 Cevap php

Benim php için xampp kullanıyorum. Ve ben bir kod ateşleyici indirmek ve benim htdocs kaydedin var. Ben zaten bir databasing ve örnek bir sayfa yaptı. Benim tek sorun benim css bağlayabilirsiniz nasıl. Nerede benim style.css kurtarmak gerekir? Nasıl benim style.css diyebilir miyim? />

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

Ben bu var ama hala bir sorun var. Bir css bağlamak için nasıl adım adım var mı?

Thank You.

6 Cevap

Istediğiniz yerde CSS koymak, sonra o url hedef.

Klasördeki '/', sitenizin kök olmak CI yüklemek değil Örneğin '/ css / test.css' koyarak deneyin.

CI itibaren, daha sonra çağırabilirsiniz

<?= link_tag(base_url().'css/test.css'); ?>

Yani aşağıdaki kodu oluşturmak gerekir

<link href="http://yoursite.com/css/test.css" rel="stylesheet" type="text/css" />

Eğer CSS targetin sorun yaşıyorsanız, script trying aramak için nerede olduğunu bulmak için en kolay yolu, web sayfaları kaynak çıkışı bakmaktır. CI bulunduğu düşünüyor tam olarak nerede görürsünüz.

Her yerde gerçekten stil koyabilirsiniz - sadece doğru o senin dizini alma meselesi. Deftere kod ana dizinine (lisans, sistem, user_guide, vb 'stil' adlı bir klasör için bir görünüm olacak, ve sonra style.css için var olan klasör bakmak için gidiyor.

Orada sizin stil olduğundan emin olun.

Firefox eklentisi kullanarak FireBug bu konuda çok yardımcı olacaktır. Çıkışı olan HTML kaynak görmek ve tarayıcı bu biçembentteki arıyor nerede olduğunu bulmak ve orada emin olun.

Bu Mysore, Karnataka, Hindistan Syed Harun değildir.

Assume: Root Folder Name: ci_test CSS file name : mystyles.css"; Controller file name: Start.php view file name: test_view.php

Solution:

Suggestion for WAMP (hope it will be easy to fix the same in xampp):

Root / sistem / uygulama / css kaydetmek

Uygulama klasöründe yeni bir CSS dizin (sadece dosyaları yönetmek ve doğru bir şekilde klasör) oluşturma

How to connect back to CSS file?

in system/application/config/config.php Edit "$config['base_url'] = http://localhost/" to

$config['base_url'] = "http://localhost/ci_test";

Sandık yeni bir satır

$config['css'] = "system/application/css/mystyles.css";

"Sistem / uygulama / kontrolörleri / start.php" aşağıdaki örnek kodu eklemek bir Denetleyicisi oluşturun:

class Start extends Controller {
 var $base;
 var $css;

 function Start(){
  parent::Controller();
  $this->base = $this->config->item('base_url');
  $this->css = $this->config->item('css');
 }

 function hello(){
  $data['css'] = $this->css;
  $data['base'] = $this->base;
  $data['mytitle'] = 'Welcome to this site';
  $data['mytext'] = "Hello, now this is how CSS work!";
  $this->load->view('test_view', $data);
 }
}

Sandık "sistem / uygulama / izleme / test_view.php" aşağıdaki örnek kodu eklemek bir görünüm dosyası:

<html>
<head>
<title>Web test Site</title>
<base href= <?php echo "$base"; ?> >
<link rel="stylesheet" type="text/css" href="<?php echo "$base/$css";?>">
</head>
<body>
<h1><?php echo $mytitle; ?> </h1>
<p class='test'> <?php echo $mytext; ?> </p>
</body>
</html>

şimdi tarayıcınızın ur adres çubuğuna bu enter "http://localhost/ci_test/index.php/start/hello/"

Bunu yapmanın en basit yolu index.php dosyası ile aynı dizinde css dosyasını yerleştirin ve <link rel="stylesheet" type="text/css" href="style.css" /> kullanarak başvuru, ya da birden fazla css dosyası varsa, bunu yapabilirsiniz Bunları yerleştirebileceğiniz bir alt dizin oluşturun.

Ben daha iyi bir yol, bir ortak klasör oluşturun, olduğunu düşünüyorum. Kamu klasörün içindeki css ve JS, ve görüntüler klasörü koyun.

Kök klasöründe bir. Htaccess dosyası olun. (Burada index.php)

. Htaccess dosyasına bu koyun:

RewriteEngine On

RewriteCond $1 !^(index\.php|images|js|css)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./index.php/$1 [L,QSA]

RewriteCond $1 ^(images|js|css)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./public/$1 [L,QSA]

Eğer bu gibi dosyaları başvurabilirsiniz sonra:

<img src="/images/blablabla.jpg">

Or /css/blabla.css etc...