Как изменить css через php

For example, I have this CSS script:

<style>
.header{
background:none:
color:#fff;
}
</style>

Then, I would like to change the header value to:

<style>
.header{
background-color:#fff:
color:#000;
}
</style>

The values are stored in database. What makes me confused is which should be the best to do that: Using PHP script or CSS or even javascript.
I want it changed based on the CSS value from my database which I can change again when I need it (by using PHP script). Perhaps this question is too general but, please give me some scripts which I can perform it well.
Thanks for any help.

asked Dec 24, 2014 at 11:53

For maintainability and flexibility reasons, I want to propose the frontend, not a backend solution (also because so far nobody proposed that).

I especially like the approach taken in the Grips library, where you can compile CSS template, passing in variables as an input (i.e. colors), and get the CSS to use. All of that can happen in the browser. And you can use Grips for HTML templating as well.

As I mentioned in the comment, this video is the best introduction to Grips.

Also note that if you want to use Grips in the backend, you can — but it’s a JS library, so it wouldn’t fit perfectly into your PHP solution.

answered Dec 24, 2014 at 12:06

I think its same for both way.

If you want to use php then you will have to use inline css or style tag and its simple to.

Like

$color = (!dbValue?"defaule value":dbValue);

<style>
.header{
background-color:<?=$color?>:
color:#000;
}
</style>

answered Dec 24, 2014 at 11:58

In order to achieve this you will need to use all three together, I am assuming you are using a LAMP set up on the back end. You will use PHP to first retrieve the values and store them, here is a good post to show this.

Link to Example on Stackoverflow

Once you have your values stored you will then need to create a file to change the DOM using JavaScript. Here is a good starting point produced by Mozilla Developers:

Mozilla JavaScript and CSS

The reason I suggest using JavaScript to achieve this is the ability to listen for events and change the client side in response. Hope this helps.

Import your database here In css or include db page;

$bg_color=$_row['column name'];
background-color:$bg_color; 

And something like this you will be able to change your Background color using the value stored in database

I have a little question. Can I dynamically change (with php) content of the css style in this way?

<?php
               header("Content-type: text/css; charset: UTF-8");

               $color = "red;";

               ?>

               header      {

                           color:<?php print $color; ?>

                           }    

?>

asked Oct 6, 2013 at 14:05

It is better you use your javascript to change the style between php tags.

for example:

if($response){

echo "<script>
    $('#matter_table').css('display', 'block');
</script>";
} else{

echo "<script>
    $('#matter_table').css('display', 'none');
</script>";
}

answered Aug 18, 2015 at 9:52

You should try this

<?php
echo<<_CSS
<style>
body{
color:red;
}
</style>
_CSS; 
?>

answered Oct 6, 2013 at 14:34

Ещё вопросы

• 0Невозможно отобразить полученное значение из базы данных в codeIgniter
• 0пытаясь получить данные между кварталом и годом
• 1литье и агрегирование по длине в пандах
• 0Переадресация .htaccess в index.html и index.php не работают вместе
• 0как добавить маршрутизацию с помощью angular-ui-router?
• 0как отобразить выбранные записи в порядке убывания по последнему идентификатору MySQL PHP
• 0Подтвержденная форма JQuery не отправляется
• 0изолировать объекты друг от друга, angularjs
• 1Как получить токен на предъявителя в консольном приложении .Net?
• 1Назначить переменную из текста
• 1Chainer — прогнозирование с использованием графического процессора
• 0Динамически читать значение поля ввода html: python
• 0проблема, связанная с методом POST и GET в HTML
• 1Изменить этот учебник для доступа к изображениям с SD-карты?
• 1получить исключение при вставке событий в календарь Android
• 0Эффективность std :: tuple и std :: map
• 0Доступ к значениям содержимого $ при создании темы Drupal
• 0Определить, находится ли 3d координата внутри усеченного конуса
• 1заполнение списка объектов в linq to sql
• 0Автозаполнение jQuery UI плагин с JSP и сервлетов не работает
• 1Доступ к USB-порту в C # [закрыт]
• 0Несколько ползунков на одной странице, привязав ползунок jquery к изображениям, загруженным в ajax
• 0Chrome Hard Reload с использованием JS
• 1Как устранить ошибки пути BindingExpression в выходных данных отладки, которые не влияют на приложение WPF?
• 1Как установить FEATURE_SECURE_PROCESSING в XMLReaderFactory?
• 0Карты Google не отображаются в IE / FF
• 0Добавить текст из HTML в XML
• 0Добавление активного класса для ссылки «Домой» JS
• 1Android SQLite запросы помечены как ошибка Android Studio
• 1vcalendar vs icalendar
• 1Загрузить файл на сервер Apache
• 1Как выполнить файл конфигурации flume с помощью Java-программы?
• 0Как найти объект JSON, содержащий объект или массив в Javascript?
• 0Компиляция программы на С ++ в Ubuntu
• 1Python — Сумма по уникальным атрибутам в списке атрибутов
• 1Можете ли вы заблокировать входящий трафик с помощью приложения для Android?
• 0Как остановить asp.net кодирование символов перед выводом в html?
• 1Почему я получаю случайные значения, когда значение инициализатора установлено на тензор?
• 0сравнивая два столбца из двух таблиц mysql, чтобы найти разные значения
• 1Является ли формат файла конфигурации DRBD стандартным?
• 1ListView является частью деятельности, а не деятельности?
• 1Как отладить код JavaScript, когда он загружен document.write?
• 1Поддерживается ли режим Wi-Fi Adhoc Mode в Android?
• 0Свести массив и сохранить индекс в качестве значения позиции
• 1Видео не отображается должным образом
• 1Сохранение ссылки на актерскую систему
• 0Невозможно создать таблицы в sqlalchemy postgresql
• 1Разница между C # dll, созданной на локальном компьютере, и сервером сборки TFS
• 0Как разместить элемент прямо под «абсолютным» div?

asked Aug 22, 2011 at 19:36

I wouldn’t suggest directly editing a linked CSS file through PHP (file_get_contents()) or something, but rather conditionally link different CSS files. Or perhaps, conditionally change what you need to change through CSS directly in HTML with PHP. For example, need to change background (for some reason) for different users, you would conditionally change the image source through PHP.

Why exactly do you want to do this? Maybe a CSS alternative like LESS is a viable option (it has support for variables etc)

answered Aug 22, 2011 at 19:44

asked Aug 22, 2011 at 19:36

I wouldn’t suggest directly editing a linked CSS file through PHP (file_get_contents()) or something, but rather conditionally link different CSS files. Or perhaps, conditionally change what you need to change through CSS directly in HTML with PHP. For example, need to change background (for some reason) for different users, you would conditionally change the image source through PHP.

Why exactly do you want to do this? Maybe a CSS alternative like LESS is a viable option (it has support for variables etc)

answered Aug 22, 2011 at 19:44