Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Trucco per inserire della variabili nei CSS

dicembre 6th, 2009 by Giovanni Caputo

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/

Questo post è stato postato domenica, dicembre 6th, 2009 at 19:43 nella categoria Programmazione. Tags:, , , .
Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

4 responses about “Trucco per inserire della variabili nei CSS”

  1. vincenzo said:

    Ma se voglio prelevare quelle variabili dal database?
    Come posso fare?

  2. giocaputo said:

    Devi realizzare una normale connessione al database all'interno del file style.php

  3. vincenzo said:

    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

  4. giocaputo said:

    penso tu possa farlo controllando che non ci siao echo all'interno di questo file… perchp non farebbero funzionare la redirect

Lascia un commento

You must be loggati to post a comment.