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 "border" permet d'ajouter une bordure à vos rectangles, elle a la même couleur que le texte éventuellement contenu dans le rectangle. L'attribut prend pour valeur un entier naturel.
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