dynamisch CSS aanmaken met PHP

Je kan .php documenten als CSS gebruiken. Het voorbeeld hieronder zegt meer dan 1000 woorden, dus... het voorbeeld:

Dit voorbeeld is geschreven in xHTML transitional 1.0

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Titeltje</title>
<link rel="stylesheet" type="text/css" media="screen" href="theme.php?theme=blue" />
</head>
<body>
    hoi allemaal :)
</body>
</html>


Hierin is te zien dat er een PHP document wordt ingevoegt als CSS document. Ben je nu klaar? nee.

Een ander klein detail is dat het PHP document een CSS header moet hebben.
zie voorbeeld

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<?php
header('Content-Type: text/css');
$txtcolor = 'red';
?>

body {
color:<?php echo $txtcolor;?>;
}


Als je dit voorbeeld opslaat als 'theme.php' en laat invoegen in het HTML document in het 1e voorbeeld, zal je zien dat 'hoi allemaal :)' rood is.

Belangerijk in het PHP document is "header('Content-Type: text/css');". Zonder deze header wordt het css document niet als CSS herkent en zal het dus geen effect hebben.

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Introductie
  2. dynamisch CSS aanmaken met PHP
  3. Dynamisch CSS documenten wijzigen
  4. extra: CSS document dynamisch verwijderen/invoegen

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.