PHP - include multiple css files function

Question

I am trying to make a function which will load my css file easily. I dont have enough knowledge of PHP, so please help me:

I want to call that function as:

<?php load_css('reset.css,main.css,bootstrap.css'); ?>

Please tell me how do i separate all file name from function parameter and call them one by one. My current function:

<?php

load_css($files){

echo '<style src="'.$files.'"></style>';

}

?>

refer to this question : stackoverflow.com/questions/3472709/… — Mehul Kaklotar
– Mehul Kaklotar, Commented Apr 2, 2013 at 5:57
As a side note: remember that spreading your CSS to many files will slow page loading because the browser has to request these files one by one. In the future you may want to look into tools such as assetic that compile many JS or CSS files into one. Assetic is included in the popular Symfony2 framework but can also be used separately. — Kaivosukeltaja
– Kaivosukeltaja, Commented Apr 2, 2013 at 6:06

Jhonathan H. · Accepted Answer · 2013-04-02 06:10:47Z

2

Another idea here that is short,simple and fast to understand..

// store css file names as array..
$css = array('css1','css2','css3');

// then loop to call them one by one.
foreach($css as $style){

    echo '<style src="'.$style.'"></style>';
}

edited Apr 2, 2013 at 6:10

answered Apr 2, 2013 at 5:56

Jhonathan H.

2,7131 gold badge21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user007 Over a year ago

I think echo '<style src="'.$style.'"></style>'; will be echo '<style src="'.$css.'"></style>';

Jhonathan H. Over a year ago

@user1983017 thats correct im wrong at foreach($style as $cc) it should be foreach($css as $style).. thanks for clarification..

user007 Over a year ago

got error Warning: Invalid argument supplied for foreach()

user007 Over a year ago

Working

function load_js($files){ 	$css	=	array($files); 	foreach($css as $style){ 		echo '<style src="'.$style.'"></style>'; 	}  }

Jhonathan H. Over a year ago

@user1983017 thats right you can create a function using this preference.. glad it works..

Mahendra · Accepted Answer · 2013-04-02 06:06:14Z

1

write your functionlike this

<?php

load_css($files){

  $css=explode(",",$file);

  for($i=0;$i<count($css);$i++)
  {
   echo '<style src="'.$css[$i].'"></style>';
  }

}

?>

edited Apr 2, 2013 at 6:06

answered Apr 2, 2013 at 5:58

Mahendra

9031 gold badge18 silver badges39 bronze badges

2 Comments

Mahendra Over a year ago

dont forget to accept answer if it works for you. So it will help others too. Happy Coding :)

Class Over a year ago

you have a ( which should be )

Rais Alam · Accepted Answer · 2013-04-02 06:14:48Z

1

Why don't you try using traditional HTML css includes instead?

e.g.:

@import cssfile-number.css

(replace -number with different css filenames or numbers).

Hope this helps!

edited Apr 2, 2013 at 6:14

Rais Alam

7,02613 gold badges56 silver badges84 bronze badges

answered Apr 2, 2013 at 5:57

Nathan Zhang

116 bronze badges

2 Comments

Nathan Zhang Over a year ago

Forgot to mention that you need to stick that line in a css file on its own, and then use (a) <link rel="stylesheet" href="css-file.css" /> tag(s) to include the css file that imports css files. Confusing, I know :D !!!

user2193789 Over a year ago

This is because he wants it to do with php. comment first to be sure if it a option. but +1 for your orthodox answer. I basically prefer it over all. thanks

Class · Accepted Answer · 2013-04-02 06:16:18Z

1

try this

load_css($files){
    $files = explode(",", $files);
    while(list($css) = each($files){
        echo "<style type='text/css' src='" . $css . "' ></style>";
    }
}
$css = 'css.css,css1.css,css2.css';
load_css($css);

or

load_css($files){
    while(list($css) = each($files){
        echo "<style type='text/css' src='" . $css . "' ></style>";
    }
}
$css = array('css.css','css1.css','css2.css');
load_css($css);

edited Apr 2, 2013 at 6:16

answered Apr 2, 2013 at 6:08

Class

3,1503 gold badges25 silver badges31 bronze badges

Comments

mohammad mohsenipur · Accepted Answer · 2013-04-02 06:20:44Z

1

try this that combine and minify your css and you need only add one css instead several css file on page

css.php

<?php 
$now=time()+10000;
$then="Expires: ".gmstrftime("%a,%d %b %Y %H:%M:%S GMT",$now);
header($then); 
header("Cache-Control:  public, must-revalidate"); 
header("Content-Type: text/css");
ob_start("ob_gzhandler");
set_time_limit(0);
//list of your css
$CssList=array('main.css',
'simple-lists.css');
$outt='';
foreach($CssList as $CSS){
   $outt.=minify_css($CSS);
}
function minify_css($add){
   $fp=fopen($add,'rb');
   $speed=1024*100;
   while(!feof($fp)){
     $out.=fread($fp,$speed);
   }
   $out = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $out);
   /* remove tabs, spaces, newlines, etc. */
   $out = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $out);
   //$out=str_replace("  ","",$out);
   //$out=str_replace("  ","",$out);
   return $out;
}
print($outt);
while (@ob_end_flush());
?>

put this on your header

<style type="text/css" src="css.php" ></style>

answered Apr 2, 2013 at 6:20

mohammad mohsenipur

3,1242 gold badges19 silver badges22 bronze badges

1 Comment

user007 Over a year ago

Man, I was thinking for css minify/compression function. And your code just do that. love it, awesome. Thanks

Collectives™ on Stack Overflow

PHP - include multiple css files function

5 Answers 5

5 Comments

2 Comments

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

2 Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related