CodeIgniter PHP ссылка на таблицу стилей. КАК? - PullRequest
7 голосов
/ 30 апреля 2010

Я использую xampp для моего php. И я должен загрузить воспламенитель кода и сохранить его на моем htdocs. Я уже сделал базу данных и образец страницы. Моя единственная проблема заключается в том, как я могу связать свой CSS. Где я должен сохранить свой style.css? Как я могу позвонить на style.css?

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

У меня есть это, но все еще есть проблема. Есть ли шаг за шагом, как связать CSS?

Спасибо.

Ответы [ 7 ]

10 голосов
/ 23 июня 2010

Разместите свой CSS там, где вы хотите, а затем укажите этот URL.

Попробуйте поместить его в папку "/css/test.css", например, "/", которая является корнем вашего сайта, а не установкой CI.

Из CI вы можете позвонить с помощью

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

Это должно сгенерировать следующий код

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

Если у вас возникли проблемы с таргетингом на CSS, самый простой способ узнать, где ваш скрипт пытается вызвать его, - это просмотреть исходные данные ваших веб-страниц. Вы точно увидите, где CI считает, что он находится.

2 голосов
/ 01 мая 2010

Использование плагина Firefox FireBug очень поможет в этом. Просмотрите исходный HTML-код, который был выведен, и найдите, где браузер ищет эту таблицу стилей, и убедитесь, что она там есть.

2 голосов
/ 30 апреля 2010

Вы можете поместить свою таблицу стилей в любое место на самом деле - это просто вопрос правильного размещения вашего каталога. Код, который вы разместили, будет выглядеть в вашем основном каталоге (папка с лицензией, system, user_guide и т. Д.) Он будет искать папку с именем 'stylesheet', а затем style.css.

Убедитесь, что у вас там есть таблица стилей.

1 голос
/ 13 сентября 2010

Это Сайед Харун из Майсура, штат Карнатака, Индия.

Предположим: Имя корневой папки: ci_test Имя файла CSS: mystyles.css "; Имя файла контроллера: Start.php просмотреть имя файла: test_view.php

Решение:

Предложение для WAMP (надеюсь, это будет легко исправить в xampp):

Сохраните его в root / system / application / css

Создать новый каталог CSS в папке приложения (только для правильного управления файлами и папками)

Как подключиться обратно к файлу CSS?

в system / application / config / config.php Отредактируйте "$ config ['base_url'] = http://localhost/" до

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

Создайте новую строку

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

Создайте контроллер в «system / application / controllers / start.php» и вставьте следующий пример кода:

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);
 }
}

Создайте файл представления в «system / application / views / test_view.php» и вставьте следующий пример кода:

<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>

введите это в адресную строку браузера "http://localhost/ci_test/index.php/start/hello/"

0 голосов
/ 12 июня 2014

Мой файл, мой путь к файлу <link href="<?php echo base_url();?>assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> & не работает.

Наконец-то я использовал

RewriteEngine on RewriteCond $1 !^(index\.php|images|assets|robots\.txt) RewriteRule ^(.*)$ /index.php/$1 [L]

в моем файле .htaccess, и теперь он работает. Вы можете переименовать ваш файл вместо "assets" в мое имя папки стилей.

0 голосов
/ 28 февраля 2013

Я думаю, что лучший способ - создать общую папку. Поместите папку css, js и images в общую папку.

Создайте файл .htaccess в корневой папке. (где находится index.php)

Поместите это в файл .htaccess:

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]

После того, как вы можете сослаться на файлы следующим образом:

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

Или /css/blabla.css и т.д ...

0 голосов
/ 13 июня 2011

Самый простой способ сделать это - поместить файл css в тот же каталог, где находится файл index.php , и сослаться на него, используя <link rel="stylesheet" type="text/css" href="style.css" />, или, если у вас более одного файла css, вы Можно создать подкаталог, в который вы можете поместить их.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...