how to generate a dynamic css file using php or codeigniter

Question

I want to develop a project with dynamic css file ,i mean i want to apply styles dynamically with out using static css file. I want to apply styles like colors, borders, width, heights etc..from one form fields and those are stored in database and i want to get values from database and apply changes dynamically in css file(styles), project css applied as dynamically.How can i write code in this scenario

.css file

#border
{
  border: 30px;
}
#color
{
  color: red;
}

like this... php form view

     <h1 id='color'>hello world</h1>
     <input type='text' id='border' value='hello'/>

i want my .css file like this

  #border
{
  border: <?= $settings[0]->border ?>;
}
#color
{
  color: <?= $settings[0]->color ?>;
}

Pupil · Accepted Answer · 2015-10-07 12:19:10Z

3

You can do it using create a .php file.

Add logic to it, make it a CSS file (with .php extension).

Add header parameters in (start of file) PHP file to tell Server that this is a CSS file.

<?php
header('Content-Type: text/css');
?>

Now, include the the file as a CSS file.

e.g.

<link rel="stylesheet" href="CUSTOM_STYLES.PHP"/>

This inclusion of PHP file with CSS body in it will work as a dynamic CSS file.

edited Oct 7, 2015 at 12:19

answered Oct 7, 2015 at 12:10

Pupil

24k6 gold badges49 silver badges71 bronze badges

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

2 Comments

naresh Over a year ago

i want generate dynamic css file in separate folder not with php extention

Pupil Over a year ago

Apply proper path there for separate folder. You can do it any language, but, the contents should be CSS.

oliverpool · Accepted Answer · 2015-10-07 12:14:27Z

0

You can inline this part of css into your HTML template:

<style>
#border
{
  border: <?= $settings[0]->border ?>;
}
#color
{
  color: <?= $settings[0]->color ?>;
}
</style>

Or you could generate a CSS file, when the $settings value changes (to take advantage of browser caching)

answered Oct 7, 2015 at 12:14

oliverpool

1,67213 silver badges33 bronze badges

6 Comments

naresh Over a year ago

thank you but i want generate css file dynamically in separate folder help me how it is..

oliverpool Over a year ago

So you want to create and save a CSS file, based on a template?

oliverpool Over a year ago

Two steps: get your view into a variable and save this variable to a file

oliverpool Over a year ago

You have two examples in my previous comment: create a css.php file in your template folder (with your CSS content and variables), render this template (using my first link) and save it as a style.css file using the second link.

naresh Over a year ago

can you provide any previous example link

|

Collectives™ on Stack Overflow

how to generate a dynamic css file using php or codeigniter

2 Answers 2

2 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related