Css dinamici con Php

Css dinamici con Php

La potenza del Php rende possibile creare dei css dinamici così da fornire, ad esempio su un blog personalizzabile, la possibilità di scegliere colore del testo, dei link, lo sfondo piuttosto che un’immagine di sfondo.

La scrittura del codice css non cambia, ma si aggiungono le variabili che passeremo in php.
Un normale file css standard ha l’estensione .css

<html>
<head>
<title>Css standard</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="testo">Testo di prova</p>
</body>
</html>

Per renderlo dinamico e quindi lavorare al suo interno con il php basta modificare l’estensione in .php

<html>
<head>
<title>Css standard</title>
<link href="style.php" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="testo">Testo di prova</p>
</body>
</html>

All’interno del file style.php bisogna inserire come prima riga questa stringa php:

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

Questo comando php comunicherà al browser di interpretare tutto ciò che viene dopo come un file stile css.

Ora vediamo come cambia il codice del nostro css dinamico. Se inizialmente il css standard aveva la classe ‘testo’ scritta in questo modo:

.testo{ color: #000000; }

Trasformandolo in dinamico con estensione .php modificheremo il codice come segue:

.testo{ color: #<?php echo $colore; ?>; }

Il codice completo del nostro css dinamico quindi si presenterà così:

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

//codice select db o include di file esterno
?>
.testo{ color: #<?php echo $colore; ?>; }

La variabile $colore si otterrà da una select su db incorporando la stessa select nel sile style.php o, nei casi di select complesse, includendo un file .php esterno che conterrà tutte le select dei dati su db.

Davide Arduini Arduini

Developer Web in Php, Html, Asp, Css. Esperienza in sviluppo di siti web, pannelli gestionali e applicativi aziendali per uso interno. Conoscenza base dei vari CMS (Joomla, WordPress, etc..)

WebSite


Seguimi su: TwitterFacebookLinkedInPinterestGoogle PlusYouTube

Posizionamento con Css
PHPGraphLib Graphing Library

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.