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 ?

Vous pouvez faire des requêtes SQL grâce au xpx. Le code compris entre les balises <SQL> et </SQL> est réalisé autant de fois que la requête renvoie des lignes de résultat. Ces résultats sont interprétés comme des variables, qui prennent la valeur de la ligne en cours de traitement.

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