Accueil > Communauté > FAQ > CSS dynamique

Feuille de Style CSS dynamique

Dans la votre page HTML

Au lieu d'appeler une feuille CSS, vous appelez un fichier xpx. Dans l'exemple: style.xpx

<html>
<head>
    <title>Ma page</title>
    <link rel="StyleSheet" type="text/css" href="style.xpx">
</head>

etc...

Le fichier style.xpx

L'astuce consiste à demander au XPX d'écrire alors qu'il n'y a pas de balise <html>. Pour cela on affecte la variable phcstartprint.

 

<set name="phcstartprint" value="1">

<set name="color" value="#DDAABB">
<set name="pad" value="20">

/* CSS Document */
h1 {
    background-color: $color$;
    border: 2px solid #000033;
    padding-left:$pad$px;
    padding-right:$pad$px;
}
<cond expr="$pad$<25">
p {
    background-color: $color$;
    padding: $pad$px;
}
<else>
p {
    background-color: #EEEEEE;
    padding: 20px;
}
</cond>

Bien entendu, toutes les balises sont à votre disposition et vous pouvez donc stocker certains paramètre dans une base de données.

Un exemple

Télécharger

Téléchargez rapidement la dernière version du XPX: Version 3.8-rc16 - 05/02/2019

Le saviez vous ?

Écrit l'image dans le fichier destination indiqué.

Le format d'image écrit dans le fichier est déterminé par l'extension utilisée (voir formats supportés ici).

FAQ

Venez nous poser vos questions et voir les problèmes courants que vous pouvez rencontrer

Don

Aidez-nous à faire vivre ce site en faisant un don

Condition d'utilisation