emoney-banner

Сайт ВМ «Лобс» переехал сюда

PHP-переменные в CSS

После долгих поисков и экспериментов я нашёл-таки решение. Что-то взял из одного источника, что-то из другого. Получилось нечто среднее, но 100% работоспособное. Всё, лить воду прекращаю и приступаю к делу. Итак...
Создаём переменные, например, для цвета. Кстати, этот код должен размещаться до подключения файла со стилями (style.css). Иначе как наши переменные в него попадут))
<?php
// PHP
$Col0 = '#FDF5E6';
$Col1 = '#AFEEEE';
?>
<!-- CSS -->
<style>
:root {
--Col0: <?php echo $Col0; ?>;
--Col1: <?php echo $Col1; ?>;
}
</style>
Теперь подключаем где нужно наши переменные в файле со стилями style.css или какой там у вас.
.body {
    background: var(--Col0);
    color: var(--Col1);
}
Вот, собственно, и всё! К сожалению это применимо не для всех обозревателей. Например в Internet Explorer не работает совсем, а Edge частично принимает данное решение.
По данной схеме можно «собрать» и картинки, и шрифты и т.п.

Похожие новости

Добавить комментарий

Автору будет очень приятно узнать обратную связь о своей новости.

Кликните на изображение чтобы обновить код, если он неразборчив

Комментариев 0

Наверх