Trucco per inserire della variabili nei CSS

Vediamo di seguito un trucco per utilizzare delle variabili all’interno di file CSS.

style.php

Invece di utilizzare un normale file .css, è necessario utilizzare un file con estensione . php

Quindi aggiungerlo nel file .html con il seguente codice:

<link rel='stylesheet' type='text/css' href='css/style.php' />

Content Type

All’inizio del file style.php scrivere il seguente codice:

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

Inizializzazione Variabili

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

   $brandColor = "#990000";
   $linkColor = "#555555";
   $CDNURL = "http://cdn.blahblah.net";
?>

Uso delle variabili

#header {
   background: url("<?php echo $CDNURL; ?>/images/header-bg.png") no-repeat;
}
a {
  color: <?php echo $linkColor; ?>;
}

...

ul#main-nav li a {
  color: <?php echo $linkColor; ?>;
}

Fonte: http://css-tricks.com/

4 commenti su “Trucco per inserire della variabili nei CSS”

    1. Si cosi funziona, però non posso includere il file di configurazione dove è già impostata la connsessione?
      Faccio in questo modo ma nessun risultato:
      require_once('../includes/config.php');

      Grazie

Lascia un commento