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 ?

L’attribut « strdecode="votre_string" » transforme les caractères codés en HTML par leur correspondance en ascci.

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