SKINS multiples (1/2) et le visiteur relooke votre site !...

---

Version PHP - Version ASP - Démo du script

---

Télécharger l'exemple
Le but de ce script est de permette à l'utilisateur de choisir une interface pour votre site, afin de le rendre plus attractif.


Le principe est simple. Il consiste à créer un fichier de "configuration" pour chacun des "thèmes" que vous voulez créer pour votre site; et dans chacune des pages du site, ce fichier de configuration sera appelé.


Etape initiale : CHOIX D'UN THEME

Les thèmes seront par exemple tous disposés dans une répertoire "themes", et chaque fichier d'un thème dans un répertoire précis : "default", "theme_1", "mon_theme", ...
Le theme "default" sera par exemple celui utilisé tant que l'utilisateur n'en a pas choisi, si celui choisi n'existe pas; ce code est à inclure dans chacune des pages :

<? // permet de définir un thème par défaut if (!isset($theme)) { // si aucun thème n'est défini    $theme = "default"; } else {    if (!file_exists("themes/$theme")) { // ou que le thème spécifié n'existe pas       $theme = "default";    } } ?>

de plus, un menu permettra de choisir un look.
Dans mon exemple, l'arborescence est la suivante :

rep_de_base |themes |default |config.php |matrix |config.php |red |config.php |page1.php |page2.php |menu.php ...

<form name="chx_theme" action="<?echo $PHP_SELF;?>" method="post">    Choisir un autre thème : <select name="theme">       <?       $les_themes = dir("themes"); // choix du répertoire qui contient les thèmes       while ($le_theme=$les_themes->read()) {          // parcours de la liste des fichiers du répertoire :          // ce répertoire contient des sous répertoires, et chaque sous répertoire a le nom du thème.          if (($le_theme!=".") && ($le_theme!="..")) {             if ($le_theme==$theme) { // permet de mettre par défaut dans la liste le thème courant                echo "<option value=\"$le_theme\" selected>$le_theme</option>";             } else {                echo "<option value=\"$le_theme\">$le_theme</option>";             }          }       }       $les_themes->close();       ?>    </select> <input type="submit" value="valider"> </form>

1ère étape : DEFINITION DU FICHIER DE CONFIGURATION

<? $nom_de_la_variable = "valeur de la variable"; // la valeur peut être une couleur (#FF0000 par exemple), une taille de police (-1 par exemple), ... ?>

le fichier sera appelé de 2 façons :
1) directement dans le code des pages .php :
<font color="<?echo $couleur_du_texte;?>">
2) dans une page php qui crée une feuille de style, et qui sera elle même appelée dans toutes les autres pages


2ème étape : CREATION DE LA FEUILLE DE STYLE

il semble impossible, dans une feuille de style, d'appeler des variables php. Pour contourner ce problème, il suffit de faire un script qui crée dynamiquement cette feuille de style :
En voici un exemple :

<? echo "< style type=\"text/css\">\n"; echo "BODY { \n"; // barres de défilement echo "   SCROLLBAR-FACE-COLOR: $body_scrollbar_face_color;\n"; echo "   SCROLLBAR-HIGHLIGHT-COLOR: $body_scrollbar_highlight_color;\n"; echo "   SCROLLBAR-SHADOW-COLOR: $body_scrollbar_shadow_color;\n"; echo "   SCROLLBAR-3DLIGHT-COLOR: $body_scrollbar_3dlight_color;\n"; echo "   SCROLLBAR-ARROW-COLOR: $body_scrollbar_arrow_color;\n"; echo "   SCROLLBAR-TRACK-COLOR: $body_scrollbar_track_color;\n"; echo "   SCROLLBAR-DARKSHADOW-COLOR: $body_scrollbar_darkshadow_color;\n"; echo "}\n"; echo"\n"; ?>

3ème étape : UTILISATION DANS LES PAGES PHP

Maintenant, il faut tout simplement appeler chacun des scripts.
Voici un exemple type d'utilisation :

VOIR AUSSI
Variables d'environnement
L'exemple d'application de Bidouille (autres skins)