design dynamique, quel structure d'information ?

par **x@v** » 02 sept. 2008, 00:57

comment pourrai-je avoir la liste de toutes les propriétés possible css afin de ne pas rencontrer de surprise en cour de route.
De cette façon je classerai mes variables par element dans la page !
je pense que ce genre de programme pourrai servir, j'ai réfléchis à un programme qui pourrai, créer des css à la volé, sa serai très web 2.0...
Merci

par **Djay51** » 02 sept. 2008, 00:40

on pourra déplacer les éléments

Déjà pour ça

Effectivement après il faut maitriser AJAX, ce qui n'est pas rien, il faut bien le dire.
Les intérêts réels je ne pourrais pas te dire avec exactitude : moi-même je maîtrise peu AJAX.

Tu connais ça ?

par **x@v** » 02 sept. 2008, 00:34

mmmhmmm
avantage ?
interet ?
un exemple !

Donc pour finir
mon formulaire envoie les variables choisis à un fichier qui insert ces variables en base
INSERT .... INTO ...
je redirige sur le fichier ci-dessus (deux posts plus haut), lui enregistre un fichier de type .css dans un dossier /css/.
Puis je redirige sur le résultat ou le formulaire initial.
La boucle est bouclée
J'ai juste la grosse flème de faire les formulaires et je ne sais pas par lequel commencer ni comment organiser tout ça.
De plus je voudrai n'avoir rien oublié avant d'attaquer

par **Djay51** » 02 sept. 2008, 00:31

Simple suggestion, dans ce cas précis, n'aurait il pas mieux fallu faire ça en AJAX ?

par **x@v** » 02 sept. 2008, 00:22

je suis d'accord mais comment répondre à une demande de ce type.
D'autre part, la demande est forte (je dois y répondre).
Comment construire cela sans éviter des erreurs de conception ?
J'envisage de donner la possibilité de changer le logo,
ce qui bloque avec le simple changement de css.
mais de toute façon je dois proposer:
deux design floatant, qu'ont pourra bouger de droite à gauche
avec left, right (donc simple à gérer)
Avec 2 colonnes et un de 3 colonnes
et deux design fixes qui seront centrer, mais avec des résolutions differentes.

Des problèmes surviennent pour changer la position des éléments
en fixe sa devrait allez mais en flotant c'est une autre histoire, mais c'est un autre post

pour revenir à mes moutons, j'ai ordonné des variables, avec une syntaxe logique qui est la même dans la table.
ensuite je fait un fichier php avec toute mes variables, à la fin je crée un fichier css
Donnez moi vos avis

<?php
require_once('./class/class.pdo.php');
$connection= new Connection();
$sql="SELECT * FROM design";
$result = $connection->select($sql);
foreach($result as $val)
{
/*----- GENERAL SITE ------*/
$siteTaillePolice='font-size: '.$val['siteTaillePolice'].';'; // 100%
if(empty($val['siteTaillePolice'])) $siteTaillePolice='';   
$sitePolice='font-family:'.$val['sitePolice'].';'; //Verdana, Arial, SunSans-Regular, Sans-Serif
if(empty($val['sitePolice'])) $sitePolice='';
$sitePoliceCouleur='color:'.$val['sitePoliceCouleur'].';'; // #564b47
if(empty($val['sitePoliceCouleur'])) $sitePoliceCouleur='';
$siteMargin='margin:'.$val['siteMargin'].';'; // 0
if(empty($val['siteMargin'])) $siteMargin='';
$siteMarginTopSite='margin-top:'.$val['siteMarginTopSite'].';'; // 0
if(empty($val['siteMarginTopSite'])) $siteMarginTopSite='';
$siteMarginRight='margin-right:'.$val['siteMarginRight'].';'; // 0
if(empty($val['siteMarginRight'])) $siteMarginRight='';
$siteMarginBottom='margin-bottom:'.$val['siteMarginBottom'].';'; // 0
if(empty($val['siteMarginBottom'])) $siteMarginBottom='';
$siteMarginLeft='margin-left:'.$val['siteMarginLeft'].';'; // 0
if(empty($val['siteMarginLeft'])) $siteMarginLeft='';
$sitePadding='padding:'.$val['sitePadding'].';'; // 0
if(empty($val['sitePadding'])) $sitePadding='';
$sitePaddingTop='padding-top:'.$val['sitePaddingTop'].';'; // 0
if(empty($val['sitePaddingTop'])) $sitePaddingTop='';
$sitePaddingRight='padding-right:'.$val['sitePaddingRight'].';'; // 20px
if(empty($val['sitePaddingRight'])) $sitePaddingRight='';
$sitePaddingBottom='padding-bottom:'.$val['sitePaddingBottom'].';'; // 0
if(empty($val['sitePaddingBottom'])) $sitePaddingBottom='';
$sitePaddingLeft='padding-left:'.$val['sitePaddingLeft'].';'; // 20px
if(empty($val['sitePaddingLeft'])) $sitePaddingLeft='';
$siteFondCouleur='color:'.$val['siteFondCouleur'].';'; // #cccccc
if(empty($val['siteFondCouleur'])) $siteFondCouleur='';
$siteFondImageRepeat='background-repeat:'.$val['siteFondImageRepeat'].';';
if(empty($val['siteFondImageRepeat'])) $siteFondImageRepeat='';
$siteImageFond='background-image: url(\''.$val['siteImageFond'].'\')'; // http://intensivstation.ch/files/en_templates/css_logo.gif
if(empty($val['siteImageFond'])) $siteImageFond='';
	/*----- police a ------*/
      $siteLienPoliceAColor='color:'.$val['siteLienPoliceAColor'].';'; // #ff66cc
      if(empty($val['siteLienPoliceAColor'])) $siteLienPoliceAColor='';
      $siteLienPoliceATaille='font-size:'.$val['siteLienPoliceATaille'].';'; // 11px
      if(empty($val['siteLienPoliceATaille'])) $siteLienPoliceATaille='';
      $siteLienPoliceAFond='background-color:'.$val['siteLienPoliceAFond'].';'; // transparent
      if(empty($val['siteLienPoliceAFond'])) $siteLienPoliceAFond='';      
      $siteLienPoliceAFamily='font-size:'.$val['siteLienPoliceAFamily'].';'; // 
      if(empty($val['siteLienPoliceAFamily'])) $siteLienPoliceAFamily='';
      $siteLienPoliceAStyle='font-style:'.$val['siteLienPoliceAStyle'].';'; // 
      if(empty($val['siteLienPoliceAStyle'])) $siteLienPoliceAStyle='';
      $siteLienPoliceAGraisse='font-weight:'.$val['siteLienPoliceAGraisse'].';'; // 
      if(empty($val['siteLienPoliceAGraisse'])) $siteLienPoliceAGraisse='';
      $siteLienPoliceADecoration='text-decoration:'.$val['siteLienPoliceADecoration'].';'; // "
      if(empty($val['siteLienPoliceADecoration'])) $siteLienPoliceADecoration='';
      $siteLienPoliceABorderBottom='border-bottom-color:'.$val['siteLienPoliceABorderBottom'].';'; // 
      if(empty($val['siteLienPoliceABorderBottom'])) $siteLienPoliceABorderBottom='';
      $siteLienPoliceABorderStyle='border-bottom-style:'.$val['siteLienPoliceABorderStyle'].';'; // 
      if(empty($val['siteLienPoliceABorderStyle'])) $siteLienPoliceABorderStyle='';      
      $siteLienPoliceABorderWidth='border-bottom-width:'.$val['siteLienPoliceABorderWidth'].';'; // 
      if(empty($val['siteLienPoliceABorderWidth'])) $siteLienPoliceABorderWidth='';
      
	/*----- police a:hover ------*/
      $siteLienPoliceAhoverColor='color:'.$val['siteLienPoliceAhoverColor'].';'; // #ffccc
      if(empty($val['siteLienPoliceAhoverColor'])) $siteLienPoliceAhoverColor='';
      $siteLienPoliceAhoverTaille='font-size:'.$val['siteLienPoliceAhoverTaille'].';'; // 11px
      if(empty($val['siteLienPoliceAhoverTaille'])) $siteLienPoliceAhoverTaille='';
      $siteLienPoliceAhoverFond='background-color:'.$val['siteLienPoliceAhoverFond'].';'; // #000
      if(empty($val['siteLienPoliceAhoverFond'])) $siteLienPoliceAhoverFond='';      
      $siteLienPoliceAhoverFamily='font-size:'.$val['siteLienPoliceAhoverFamily'].';'; // 
      if(empty($val['siteLienPoliceAhoverFamily'])) $siteLienPoliceAhoverFamily='';
      $siteLienPoliceAhoverStyle='font-style:'.$val['siteLienPoliceAhoverStyle'].';'; // 
      if(empty($val['siteLienPoliceAhoverStyle'])) $siteLienPoliceAhoverStyle='';
      $siteLienPoliceAhoverGraisse='font-weight:'.$val['siteLienPoliceAhoverGraisse'].';'; // 
      if(empty($val['siteLienPoliceAhoverGraisse'])) $siteLienPoliceAhoverGraisse='';
      $siteLienPoliceAhoverDecoration='text-decoration:'.$val['siteLienPoliceAhoverDecoration'].';'; // "
      if(empty($val['siteLienPoliceAhoverDecoration'])) $siteLienPoliceAhoverDecoration='';
      $siteLienPoliceAhoverBorderBottom='border-bottom-color:'.$val['siteLienPoliceAhoverBorderBottom'].';'; // 
      if(empty($val['siteLienPoliceAhoverBorderBottom'])) $siteLienPoliceAhoverBorderBottom='';
      $siteLienPoliceAhoverBorderStyle='border-bottom-style:'.$val['siteLienPoliceAhoverBorderStyle'].';'; // 
      if(empty($val['siteLienPoliceAhoverBorderStyle'])) $siteLienPoliceAhoverBorderStyle='';      
      $siteLienPoliceAhoverBorderWidth='border-bottom-width:'.$val['siteLienPoliceAhoverBorderWidth'].';'; // 
      if(empty($val['siteLienPoliceAhoverBorderWidth'])) $siteLienPoliceAhoverBorderWidth='';      
      
/*#############################################*/
/*----- MENU ------*/
   /*----- positionnement ------*/
      $menuPosition='float:'.$val['menuPosition'].';';
      if(empty($val['menuPosition'])) $menuPosition='';
   /*----- couleur ------*/
      $menuCouleurFond='background-color:'.$val['menuCouleurFond'].';'; // #f9c
      if(empty($val['menuCouleurFond'])) $menuCouleurFond=''; 
      $menuCouleurBordure='border-color:'.$val['menuCouleurBordure'].';'; // #000fff
      if(empty($val['menuCouleurBordure'])) $menuCouleurBordure='';
      $menuCouleurTitre='color:'.$val['menuCouleurTitre'].';';
      if(empty($val['menuCouleurTitre'])) $menuCouleurTitre='';
      $menuCouleurPolice='color:'.$val['menuCouleurPolice'].';'; // #000
      if(empty($val['menuCouleurPolice'])) $menuCouleurPolice='';
   /*----- taille ------*/
      $menuTailleHauteur='height:'.$val['menuTailleHauteur'].';';
      if(empty($val['menuTailleHauteur'])) $menuTailleHauteur='';  
      $menuTailleLargeur='width:'.$val['menuTailleLargeur'].';'; // 25%
      if(empty($val['menuTailleLargeur'])) $menuTailleLargeur='';
      $menuTaillePolice='font-size:'.$val['menuTaillePolice'].';'; // 105%
      if(empty($val['menuTaillePolice'])) $menuTaillePolice='';
	/*----- bordure epaisseur ------*/
      $menuBordeTopWidth='border-top-width:'.$val['menuBordeTopWidth'].';';
      if(empty($val['menuBordeTopWidth'])) $menuBordeTopWidth='';
      $menuBordeRightWidth='border-right-width:'.$val['menuBordeRightWidth'].';';
      if(empty($val['menuBordeRightWidth'])) $menuBordeRightWidth='';
      $menuBordeBottomWidth='border-bottom-width:'.$val['menuBordeBottomWidth'].';';
      if(empty($val['menuBordeBottomWidth'])) $menuBordeBottomWidth='';
      $menuBordeLeftWidth='border-left-width:'.$val['menuBordeLeftWidth'].';';
      if(empty($val['menuBordeLeftWidth'])) $menuBordeLeftWidth='';
   /*----- marge externe ------*/
      $menuMargeExterne='margin:'.$val['menuMargeExterne'].';';
      if(empty($val['menuMargeExterne'])) $menuMargeExterne='';
      $menuMargeExterneTop='margin-top:'.$val['menuMargeExterneTop'].';';
      if(empty($val['menuMargeExterneTop'])) $menuMargeExterneTop='';
      $menuMargeExterneBottom='margin-bottom:'.$val['menuMargeExterneBottom'].';';
      if(empty($val['menuMargeExterneBottom'])) $menuMargeExterneBottom='';
      $menuMargeExterneRight='margin-right:'.$val['menuMargeExterneRight'].';';
      if(empty($val['menuMargeExterneRight'])) $menuMargeExterneRight='';
      $menuMargeExterneLeft='margin-left:'.$val['menuMargeExterneLeft'].';';
      if(empty($val['menuMargeExterneLeft'])) $menuMargeExterneLeft='';
   /*----- marge interne ------*/
      $menuMargeInterne='padding:'.$val['menuMargeInterne'].';';
      if(empty($val['menuMargeInterne'])) $menuMargeInterne='';
      $menuMargeInterneTop='padding-top:'.$val['menuMargeInterneTop'].';';
      if(empty($val['menuMargeInterneTop'])) $menuMargeInterneTop='';
      $menuMargeInterneBottom='padding-bottom:'.$val['menuMargeInterneBottom'].';';
      if(empty($val['menuMargeInterneBottom'])) $menuMargeInterneBottom='';
      $menuMargeInterneRight='padding-right:'.$val['menuMargeInterneRight'].';';
      if(empty($val['menuMargeInterneRight'])) $menuMargeInterneRight='';
      $menuMargeInterneLeft='padding-left:'.$val['menuMargeInterneLeft'].';';
      if(empty($val['menuMargeInterneLeft'])) $menuMargeInterneLeft='';
   /*----- style ------*/
      $menuStyleBordure='border-style:'.$val['menuStyleBordure'].';';
      if(empty($val['menuStyleBordure'])) $menuStyleBordure='';
      $menuStyleBordureTop='border-style-top:'.$val['menuStyleBordureTop'].';';
      if(empty($val['menuStyleBordureTop'])) $menuStyleBordureTop='';
      $menuStyleBordureRight='border-style-right:'.$val['menuStyleBordureRight'].';';
      if(empty($val['menuStyleBordureRight'])) $menuStyleBordureRight='';
      $menuStyleBordureBottom='border-style-bottom:'.$val['menuStyleBordureBottom'].';';
      if(empty($val['menuStyleBordureBottom'])) $menuStyleBordureBottom='';
      $menuStyleBordureLeft='border-style-left:'.$val['menuStyleBordureLeft'].';';
      if(empty($val['menuStyleBordureLeft'])) $menuStyleBordureLeft='';
      
   /*----- arrondir les angles ------*/
      $menuArrondirCoin=$val['menuArrondirCoin']; // arrondis les coins avec un plug in jquery
      if(empty($val['menuArrondirCoin'])) $menuArrondirCoin='';
   /*----- type de police ------*/
      $menuPoliceTitre='font-family:'.$val['menuPoliceTitre'].';';
      if(empty($val['menuPoliceTitre'])) $menuPoliceTitre='';
      $menuPoliceLiens='font-family:'.$val['menuPoliceLiens'].';';
      if(empty($val['menuPoliceLiens'])) $menuPoliceLiens='';
   /*----- image ------*/
      $menuImageFondRepeat='background-repeat:'.$val['menuImageFondRepeat'].';'; // répéter
      if(empty($val['menuImageFondRepeat'])) $menuImageFondRepeat='';
/*#############################################*/
/*----- CONTENU ------*/
   /*----- positionnement ------*/
      $contenuPosition='float:'.$val['contenuPosition'].';'; // left
      if(empty($val['contenuPosition'])) $contenuPosition='';
   /*----- couleur ------*/
      $contenuCouleurFond='background-color:'.$val['contenuCouleurFond'].';'; // #ccc
      if(empty($val['contenuCouleurFond'])) $contenuCouleurFond='';
      $contenuCouleurBordure='border-color:'.$val['contenuCouleurBordure'].';';
      if(empty($val['contenuCouleurBordure'])) $contenuCouleurBordure='';

      $contenuCouleurLiens='color:'.$val['contenuCouleurLiens'].';';
      if(empty($val['contenuCouleurLiens'])) $contenuCouleurLiens='';
      $contenuCouleurTitre='color:'.$val['contenuCouleurTitre'].';';
      if(empty($val['contenuCouleurTitre'])) $contenuCouleurTitre='';
      $contenuCouleurPolice='color:'.$val['contenuCouleurPolice'].';'; //#000
      if(empty($val['contenuCouleurPolice'])) $contenuCouleurPolice='';
   /*----- taille ------*/
      $contenuTailleImage='height:'.$val['contenuTailleImage'].';';
      if(empty($val['contenuTailleImage'])) $contenuTailleImage='';
      $contenuTailleHauteur='height:'.$val['contenuTailleHauteur'].';';
      if(empty($val['contenuTailleHauteur'])) $contenuTailleHauteur='';
      $contenuTailleLargeur='width:'.$val['contenuTailleLargeur'].';'; // 75%
      if(empty($val['contenuTailleLargeur'])) $contenuTailleLargeur='';
      $contenuTaillePolice='font-size:'.$val['contenuTaillePolice'].';';
      if(empty($val['contenuTaillePolice'])) $contenuTaillePolice='';
   /*----- epaisseur ------*/
	/*----- bordure epaisseur ------*/
      $contenuBordeTopWidth='border-top-width:'.$val['contenuBordeTopWidth'].';';
      if(empty($val['contenuBordeTopWidth'])) $contenuBordeTopWidth='';
      $contenuBordeRightWidth='border-right-width:'.$val['contenuBordeRightWidth'].';';
      if(empty($val['contenuBordeRightWidth'])) $contenuBordeRightWidth='';
      $contenuBordeBottomWidth='border-bottom-width:'.$val['contenuBordeBottomWidth'].';';
      if(empty($val['contenuBordeBottomWidth'])) $contenuBordeBottomWidth='';
      $contenuBordeLeftWidth='border-left-width:'.$val['contenuBordeLeftWidth'].';';
      if(empty($val['contenuBordeLeftWidth'])) $contenuBordeLeftWidth='';
            
   /*----- marge externe ------*/
      $contenuMargeExterne='margin:'.$val['contenuMargeExterne'].';';
      if(empty($val['contenuMargeExterne'])) $contenuMargeExterne='';
      $contenuMargeExterneTop='margin-top:'.$val['contenuMargeExterneTop'].';'; //0
      if(empty($val['contenuMargeExterneTop'])) $contenuMargeExterneTop='';
      $contenuMargeExterneBottom='margin-bottom:'.$val['contenuMargeExterneBottom'].';'; //10px
      if(empty($val['contenuMargeExterneBottom'])) $contenuMargeExterneBottom='';
      $contenuMargeExterneRight='margin-right:'.$val['contenuMargeExterneRight'].';'; //0
      if(empty($val['contenuMargeExterneRight'])) $contenuMargeExterneRight='';
      $contenuMargeExterneLeft='margin-left:'.$val['contenuMargeExterneLeft'].';'; // 0
      if(empty($val['contenuMargeExterneLeft'])) $contenuMargeExterneLeft='';
   /*----- marge interne ------*/
      $contenuMargeInterne='padding:'.$val['contenuMargeInterne'].';';
      if(empty($val['contenuMargeInterne'])) $contenuMargeInterne='';
      $contenuMargeInterneTop='padding-top:'.$val['contenuMargeInterneTop'].';';
      if(empty($val['contenuMargeInterneTop'])) $contenuMargeInterneTop='';
      $contenuMargeInterneBottom='padding-bottom:'.$val['contenuMargeInterneBottom'].';';
      if(empty($val['contenuMargeInterneBottom'])) $contenuMargeInterneBottom='';
      $contenuMargeInterneRight='padding-right:'.$val['contenuMargeInterneRight'].';';
      if(empty($val['contenuMargeInterneRight'])) $contenuMargeInterneRight='';
      $contenuMargeInterneLeft='padding-left:'.$val['contenuMargeInterneLeft'].';';
      if(empty($val['contenuMargeInterneLeft'])) $contenuMargeInterneLeft='';
   /*----- style ------*/
      $contenuStyleBordure='border-style:'.$val['contenuStyleBordure'].';';
      if(empty($val['contenuStyleBordure'])) $contenuStyleBordure='';
      $contenuStyleBordureTop='border-style-top:'.$val['contenuStyleBordureTop'].';';
      if(empty($val['contenuStyleBordureTop'])) $contenuStyleBordureTop='';
      $contenuStyleBordureRight='border-style-right:'.$val['contenuStyleBordureRight'].';';
      if(empty($val['contenuStyleBordureRight'])) $contenuStyleBordureRight='';
      $contenuStyleBordureBottom='border-style-bottom:'.$val['contenuStyleBordureBottom'].';';
      if(empty($val['menuStyleBordureBottom'])) $contenuStyleBordureBottom='';
      $contenuStyleBordureLeft='border-style-left:'.$val['contenuStyleBordureLeft'].';';
      if(empty($val['contenuStyleBordureLeft'])) $contenuStyleBordureLeft='';
            
   /*----- arrondir les angles ------*/
      $contenuArrondirCoin=$val['contenuArrondirCoin'];
      if(empty($val['contenuArrondirCoin'])) $contenuArrondirCoin='';
   /*----- type de police ------*/
      $contenuPoliceTitre='font-style:'.$val['contenuPoliceTitre'].';';
      if(empty($val['contenuPoliceTitre'])) $contenuPoliceTitre='';
      $contenuPoliceLiens='font-style:'.$val['contenuPoliceLiens'].';';
      if(empty($val['contenuPoliceLiens'])) $contenuPoliceLiens='';
   /*----- image ------*/
      $contenuImageFondRepeat='background-repeat:'.$val['contenuImageFondRepeat'].';'; // répéter en X
      if(empty($val['contenuImageFondRepeat'])) $contenuImageFondRepeat='';
/*#############################################*/   
/*----- PIED DE PAGE ------*/
   /*----- positionnement ------*/
      $piedPagePosition='clear:'.$val['piedPagePosition'].';'; //right
      if(empty($val['piedPagePosition'])) $piedPagePosition='';
   /*----- couleur ------*/
      $piedPageCouleurFond='background-color:'.$val['piedPageCouleurFond'].';'; // #ccc
      if(empty($val['piedPageCouleurFond'])) $piedPageCouleurFond='';
      $piedPageCouleurBordure='border-color:'.$val['piedPageCouleurBordure'].';'; // #000
      if(empty($val['piedPageCouleurBordure'])) $piedPageCouleurBordure='';
      if(empty($val['piedPageCouleurLiens'])) $piedPageCouleurLiens='';
      $piedPageCouleurPolice='color:'.$val['piedPageCouleurPolice'].';'; // #fff
      if(empty($val['piedPageCouleurPolice'])) $piedPageCouleurPolice='';
      $piedPageCouleurTitre='color:'.$val['piedPageCouleurTitre'].';';
      if(empty($val['piedPageCouleurTitre'])) $piedPageCouleurTitre='';
   /*----- taille ------*/
      $piedPageTailleImage='height:'.$val['piedPageTailleImage'].';';
      if(empty($val['piedPageTailleImage'])) $piedPageTailleImage='';
      $piedPageTailleHauteur='height:'.$val['piedPageTailleHauteur'].';'; // 20px
      if(empty($val['piedPageTailleHauteur'])) $piedPageTailleHauteur='';
      $piedPageTailleLargeur='width:'.$val['piedPageTailleLargeur'].';'; // 75%
      if(empty($val['piedPageTailleLargeur'])) $piedPageTailleLargeur='';
      $piedPageTaillePolice='font-size:'.$val['piedPageTaillePolice'].';';
      if(empty($val['piedPageTaillePolice'])) $piedPageTaillePolice='';
   /*----- epaisseur ------*/
	/*----- bordure epaisseur ------*/
      $piedPageBordeTopWidth='border-top-width:'.$val['piedPageBordeTopWidth'].';';
      if(empty($val['piedPageBordeTopWidth'])) $piedPageBordeTopWidth='';
      $piedPageBordeRightWidth='border-right-width:'.$val['piedPageBordeRightWidth'].';';
      if(empty($val['piedPageBordeRightWidth'])) $piedPageBordeRightWidth='';
      $piedPageBordeBottomWidth='border-bottom-width:'.$val['piedPageBordeBottomWidth'].';';
      if(empty($val['piedPageBordeBottomWidth'])) $piedPageBordeBottomWidth='';
      $piedPageBordeLeftWidth='border-left-width:'.$val['piedPageBordeLeftWidth'].';';
      if(empty($val['piedPageBordeLeftWidth'])) $piedPageBordeLeftWidth='';
            
   /*----- marge externe ------*/
      $piedPageMargeExterne='margin:'.$val['piedPageMargeExterne'].';';
      if(empty($val['piedPageMargeExterne'])) $piedPageMargeExterne='';
      $piedPageMargeExterneTop='margin-top:'.$val['piedPageMargeExterneTop'].';'; // 0
      if(empty($val['piedPageMargeExterneTop'])) $piedPageMargeExterneTop='';
      $piedPageMargeExterneBottom='margin-bottom:'.$val['piedPageMargeExterneBottom'].';'; // 20px
      if(empty($val['piedPageMargeExterneBottom'])) $piedPageMargeExterneBottom='';
      $piedPageMargeExterneRight='margin-right:'.$val['piedPageMargeExterneRight'].';'; // 0
      if(empty($val['piedPageMargeExterneRight'])) $piedPageMargeExterneRight='';
      $piedPageMargeExterneLeft='margin-left:'.$val['piedPageMargeExterneLeft'].';'; // 0
      if(empty($val['piedPageMargeExterneLeft'])) $piedPageMargeExterneLeft='';

   /*----- marge interne ------*/
      $piedPageMargeInterne='padding:'.$val['piedPageMargeInterne'].';';
      if(empty($val['piedPageMargeInterne'])) $piedPageMargeInterne='';
      $piedPageMargeInterneTop='padding-top:'.$val['piedPageMargeInterneTop'].';';
      if(empty($val['piedPageMargeInterneTop'])) $piedPageMargeInterneTop='';
      $piedPageMargeInterneBottom='padding-bottom:'.$val['piedPageMargeInterneBottom'].';';
      if(empty($val['piedPageMargeInterneBottom'])) $piedPageMargeInterneBottom='';
      $piedPageMargeInterneRight='padding-right:'.$val['piedPageMargeInterneRight'].';';
      if(empty($val['piedPageMargeInterneRight'])) $piedPageMargeInterneRight='';
      $piedPageMargeInterneLeft='padding-left:'.$val['piedPageMargeInterneLeft'].';';
      if(empty($val['piedPageMargeInterneLeft'])) $piedPageMargeInterneLeft='';
   /*----- style ------*/
      $piedPageStyleBordure='border-style'.$val['piedPageStyleBordure'].';';
      if(empty($val['piedPageStyleBordure'])) $piedPageStyleBordure='';
      $piedPageStyleBordureTop='border-style-top:'.$val['piedPageStyleBordureTop'].';';
      if(empty($val['piedPageStyleBordureTop'])) $piedPageStyleBordureTop='';
      $piedPageStyleBordureRight='border-style-right:'.$val['piedPageStyleBordureRight'].';';
      if(empty($val['piedPageStyleBordureRight'])) $piedPageStyleBordureRight='';
      $piedPageStyleBordureBottom='border-style-bottom:'.$val['piedPageStyleBordureBottom'].';';
      if(empty($val['piedPageStyleBordureBottom'])) $piedPageStyleBordureBottom='';
      $piedPageStyleBordureLeft='border-style-left:'.$val['piedPageStyleBordureLeft'].';';
      if(empty($val['piedPageStyleBordureLeft'])) $piedPageStyleBordureLeft='';
      
   /*----- arrondir les angles ------*/
      $piedPageArrondirCoin=$val['piedPageArrondirCoin'];
      if(empty($val['piedPageArrondirCoin'])) $piedPageArrondirCoin='';
   /*----- type de police ------*/
      $piedPagePoliceTitre='font-family:'.$val['piedPagePoliceTitre'].';';
      if(empty($val['piedPagePoliceTitre'])) $piedPagePoliceTitre='';
      $piedPagePoliceLiens='font-family:'.$val['piedPagePoliceLiens'].';';
      if(empty($val['piedPagePoliceLiens'])) $piedPagePoliceLiens='';
   /*----- image ------*/
      $piedPageImageFondRepeat='background-repeat:'.$val['piedPageImageFondRepeat'].';'; // répéter en X
      if(empty($val['piedPageImageFondRepeat'])) $piedPageImageFondRepeat='';
	/*----- texte ------*/
      $piedPageTitreMajuscule='text-transform:'.$val['piedPageTitreMajuscule'].';'; // uppercase
      if(empty($val['piedPageTitreMajuscule'])) $piedPageTitreMajuscule='';
      $piedPageTitreAlign='text-align:'.$val['piedPageTitreAlign'].';'; //  right
      if(empty($val['piedPageTitreAlign'])) $piedPageTitreAlign='';      
/*#############################################*/
/*----- LOGO ------*/
   /*----- positionnement ------*/
      $logoPosition='float:'.$val['logoPosition'].';';
      if(empty($val['logoPosition'])) $logoPosition='';
   /*----- couleur ------*/
      $logoCouleurFond='background-color:'.$val['logoCouleurFond'].';';
      if(empty($val['logoCouleurFond'])) $logoCouleurFond='';
      $logoCouleurBordure='border:color:'.$val['logoCouleurBordure'].';';
      if(empty($val['logoCouleurBordure'])) $logoCouleurBordure='';
      $logoCouleurLiens='color:'.$val['logoCouleurLiens'].';';
      if(empty($val['logoCouleurLiens'])) $logoCouleurLiens='';
      $logoCouleurTitre='color:'.$val['logoCouleurTitre'].';';
      if(empty($val['logoCouleurTitre'])) $logoCouleurTitre='';
      $logoCouleurPolice='color:'.$val['logoCouleurPolice'].';'; // #000
      if(empty($val['logoCouleurPolice'])) $logoCouleurPolice='';
   /*----- taille ------*/
      $logoTailleImage='height:'.$val['logoTailleImage'].';';
      if(empty($val['logoTailleImage'])) $logoTailleImage='';
      $logoTailleHauteur='height:'.$val['logoTailleHauteur'].';'; // 50px
      if(empty($val['logoTailleHauteur'])) $logoTailleHauteur='';
      $logoTailleLargeur='width:'.$val['logoTailleLargeur'].';'; // 300px
      if(empty($val['logoTailleLargeur'])) $logoTailleLargeur='';
      $logoTaillePolice='font-size:'.$val['logoTaillePolice'].';';
      if(empty($val['logoTaillePolice'])) $logoTaillePolice='';
   /*----- epaisseur ------*/
	/*----- bordure epaisseur ------*/
      $logoBordeTopWidth='border-top-width:'.$val['logoBordeTopWidth'].';';
      if(empty($val['logoBordeTopWidth'])) $logoBordeTopWidth='';
      $logoBordeRightWidth='border-right-width:'.$val['logoBordeRightWidth'].';';
      if(empty($val['logoBordeRightWidth'])) $logoBordeRightWidth='';
      $logoBordeBottomWidth='border-bottom-width:'.$val['logoBordeBottomWidth'].';';
      if(empty($val['logoBordeBottomWidth'])) $logoBordeBottomWidth='';
      $logoBordeLeftWidth='border-left-width:'.$val['logoBordeLeftWidth'].';';
      if(empty($val['logoBordeLeftWidth'])) $logoBordeLeftWidth='';
            
   /*----- marge externe ------*/
      $logoMargeExterne='margin:'.$val['logoMargeExterne'].';';
      if(empty($val['logoMargeExterne'])) $logoMargeExterne='';
      $logoMargeExterneTop='margin-top:'.$val['logoMargeExterneTop'].';';
      if(empty($val['logoMargeExterneTop'])) $logoMargeExterneTop='';
      $logoMargeExterneBottom='margin-bottom:'.$val['logoMargeExterneBottom'].';'; // .3em
      if(empty($val['logoMargeExterneBottom'])) $logoMargeExterneBottom='';
      $logoMargeExterneRight='margin-right:'.$val['logoMargeExterneRight'].';';
      if(empty($val['logoMargeExterneRight'])) $logoMargeExterneRight='';
      $logoMargeExterneLeft='margin-left:'.$val['logoMargeExterneLeft'].';'; // .3em
      if(empty($val['logoMargeExterneLeft'])) $logoMargeExterneLeft='';
   /*----- marge interne ------*/
      $logoMargeInterne='padding:'.$val['logoMargeInterne'].';';
      if(empty($val['logoMargeInterne'])) $logoMargeInterne='';
      $logoMargeInterneTop='padding-top:'.$val['logoMargeInterneTop'].';';
      if(empty($val['logoMargeInterneTop'])) $logoMargeInterneTop='';
      $logoMargeInterneBottom='padding-top:'.$val['logoMargeInterneBottom'].';';
      if(empty($val['logoMargeInterneBottom'])) $logoMargeInterneBottom='';
      $logoMargeInterneRight='padding-right:'.$val['logoMargeInterneRight'].';';
      if(empty($val['logoMargeInterneRight'])) $logoMargeInterneRight='';
      $logoMargeInterneLeft='padding-left:'.$val['logoMargeInterneLeft'].';'; //  3.5em
      if(empty($val['logoMargeInterneLeft'])) $logoMargeInterneLeft='';
   /*----- style ------*/
      $logoStyleBordure='border-style:'.$val['logoStyleBordure'].';';
      if(empty($val['logoStyleBordure'])) $logoStyleBordure='';
      $logoStyleBordureTop='border-style-top:'.$val['logoStyleBordureTop'].';';
      if(empty($val['logoStyleBordureTop'])) $logoStyleBordureTop='';
      $logoStyleBordureRight='border-style-right:'.$val['piedPageStyleBordureRight'].';';
      if(empty($val['logoStyleBordureRight'])) $logoStyleBordureRight='';
      $logoStyleBordureBottom='border-style-bottom:'.$val['logoStyleBordureBottom'].';';
      if(empty($val['logoStyleBordureBottom'])) $logoStyleBordureBottom='';
      $logoStyleBordureLeft='border-style-left:'.$val['piedPageStyleBordureLeft'].';';
      if(empty($val['logoStyleBordureLeft'])) $logoStyleBordureLeft='';
      
	/*----- arrondir les angles ------*/
      $logoArrondirCoin=$val['logoArrondirCoin'];
      if(empty($val['logoArrondirCoin'])) $logoArrondirCoin='';
   /*----- type de police ------*/
      $logoPoliceTitre='font-family:'.$val['logoPoliceTitre'].';';
      if(empty($val['logoPoliceTitre'])) $logoPoliceTitre='';
      $logoPoliceLiens='font-family:'.$val['logoPoliceLiens'].';';
      if(empty($val['logoPoliceLiens'])) $logoPoliceLiens='';
   /*----- image ------*/
      $logoImage='background: url(\''.$val['logoImage'].'\');';
      if(empty($val['logoImage'])) $logoImage='';
      // http://intensivstation.ch/files/en_templates/css_logo.gif\') no-repeat left center;';
      $logoImageRepeat='background-repeat:'.$val['logoImageRepeat'].';';
      if(empty($val['logoImageRepeat'])) $logoImageRepeat='';

/*#############################################*/
/*----- TITRE ------*/
   /*----- positionnement ------*/
      $barreTitrePosition='clear:'.$val['barreTitrePosition'].';'; // left
      if(empty($val['barreTitrePosition'])) $barreTitrePosition='';
   /*----- couleur ------*/
      $barreTitreCouleurFond='background-color:'.$val['barreTitreCouleurFond'].';'; //  #90897a
      if(empty($val['barreTitreCouleurFond'])) $barreTitreCouleurFond='';
      $barreTitreCouleurBordure='border-color:'.$val['barreTitreCouleurBordure'].';';
      if(empty($val['barreTitreCouleurBordure'])) $barreTitreCouleurBordure='';
      $barreTitreCouleurLiens='color:'.$val['barreTitreCouleurLiens'].';';
      if(empty($val['barreTitreCouleurLiens'])) $barreTitreCouleurLiens='';
      $barreTitreCouleurTitre='color:'.$val['barreTitreCouleurTitre'].';';
      if(empty($val['barreTitreCouleurTitre'])) $barreTitreCouleurTitre='';
      $barreTitreCouleurPolice='color:'.$val['barreTitreCouleurPolice'].';'; //  #564b47
      if(empty($val['barreTitreCouleurPolice'])) $barreTitreCouleurPolice='';
   /*----- taille ------*/
      $barreTitreTailleImage='height:'.$val['barreTitreTailleImage'].';';
      if(empty($val['barreTitreTailleImage'])) $barreTitreTailleImage='';
      $barreTitreTailleHauteur='height:'.$val['barreTitreTailleHauteur'].';';
      if(empty($val['barreTitreTailleHauteur'])) $barreTitreTailleHauteur='';
      $barreTitreTaillePolice='font-size:'.$val['barreTitreTaillePolice'].';'; //  11px
      if(empty($val['barreTitreTaillePolice'])) $barreTitreTaillePolice='';
   /*----- texte ------*/   
      $barreTitreMajuscule='text-transform:'.$val['barreTitreMajuscule'].';'; // uppercase
      if(empty($val['barreTitreMajuscule'])) $barreTitreMajuscule='';
      $barreTitreAlign='text-align:'.$val['barreTitreAlign'].';'; //  right
      if(empty($val['barreTitreAlign'])) $barreTitreAlign='';
   /*----- bordure ------*/
      $barreTitreBordeTopWidth='border-top-width:'.$val['barreTitreBordeTopWidth'].';';
      if(empty($val['barreTitreBordeTopWidth'])) $barreTitreBordeTopWidth='';
      $barreTitreBordeRightWidth='border-right-width:'.$val['barreTitreBordeRightWidth'].';';
      if(empty($val['logoBordeRightWidth'])) $barreTitreBordeRightWidth='';
      $barreTitreBordeBottomWidth='border-bottom-width:'.$val['barreTitreBordeBottomWidth'].';';
      if(empty($val['barreTitreBordeBottomWidth'])) $barreTitreBordeBottomWidth='';
      $barreTitreBordeLeftWidth='border-left-width:'.$val['barreTitreBordeLeftWidth'].';';
      if(empty($val['barreTitreBordeLeftWidth'])) $barreTitreBordeLeftWidth='';
            
   /*----- marge externe ------*/
      $barreTitreMargeExterne='margin:'.$val['barreTitreMargeExterne'].';'; // 0
      if(empty($val['barreTitreMargeExterne'])) $barreTitreMargeExterne='';
      $barreTitreMargeExterneTop='margin-top:'.$val['barreTitreMargeExterneTop'].';';
      if(empty($val['barreTitreMargeExterneTop'])) $barreTitreMargeExterneTop='';
      $barreTitreMargeExterneBottom='margin-bottom:'.$val['barreTitreMargeExterneBottom'].';';
      if(empty($val['barreTitreMargeExterneBottom'])) $barreTitreMargeExterneBottom='';
      $barreTitreMargeExterneRight='margin-right:'.$val['barreTitreMargeExterneRight'].';';
      if(empty($val['barreTitreMargeExterneRight'])) $barreTitreMargeExterneRight='';
      $barreTitreMargeExterneLeft='margin-left:'.$val['barreTitreMargeExterneLeft'].';';
      if(empty($val['barreTitreMargeExterneLeft'])) $barreTitreMargeExterneLeft='';
   /*----- marge interne ------*/      
      $barreTitreMargeInterne='padding:'.$val['barreTitreMargeInterne'].';';
      if(empty($val['barreTitreMargeInterne'])) $barreTitreMargeInterne='';
      $barreTitreMargeInterneTop='padding-top:'.$val['barreTitreMargeInterneTop'].';'; // 5px
      if(empty($val['barreTitreMargeInterneTop'])) $barreTitreMargeInterneTop='';
      $barreTitreMargeInterneBottom='padding-bottom:'.$val['barreTitreMargeInterneBottom'].';'; // 15
      if(empty($val['barreTitreMargeInterneBottom'])) $barreTitreMargeInterneBottom='';
      $barreTitreMargeInterneRight='padding-right:'.$val['barreTitreMargeInterneRight'].';'; // 5px
      if(empty($val['barreTitreMargeInterneRight'])) $barreTitreMargeInterneRight='';
      $barreTitreMargeInterneLeft='padding-left:'.$val['barreTitreMargeInterneLeft'].';'; // 15px
      if(empty($val['barreTitreMargeInterneLeft'])) $barreTitreMargeInterneLeft='';
   /*----- style ------*/
      $barreTitreStyleBordure='border-style:'.$val['barreTitreStyleBordure'].';';
      if(empty($val['barreTitreStyleBordure'])) $barreTitreStyleBordure='';
      $barreTitreStyleBordureTop='border-style-top:'.$val['barreTitreStyleBordureTop'].';';
      if(empty($val['barreTitreStyleBordureTop'])) $barreTitreStyleBordureTop='';
      $barreTitreStyleBordureRight='border-style-right:'.$val['barreTitreStyleBordureRight'].';';
      if(empty($val['barreTitreStyleBordureRight'])) $barreTitreStyleBordureRight='';
      $barreTitreStyleBordureBottom='border-style-bottom:'.$val['barreTitreStyleBordureBottom'].';';
      if(empty($val['barreTitreStyleBordureBottom'])) $barreTitreStyleBordureBottom='';
      $barreTitreStyleBordureLeft='border-style-left:'.$val['barreTitreStyleBordureLeft'].';';
      if(empty($val['barreTitreStyleBordureLeft'])) $barreTitreStyleBordureLeft='';
            
   /*----- coin ------*/
      $barreTitreArrondirCoin=$val['barreTitreArrondirCoin'];
      if(empty($val['barreTitreArrondirCoin'])) $barreTitreArrondirCoin='';
   /*----- police ------*/      
      $barreTitrePoliceTitre='font-family:'.$val['barreTitrePoliceTitre'].';';
      if(empty($val['barreTitrePoliceTitre'])) $barreTitrePoliceTitre='';
      $barreTitrePoliceLiens='font-family:'.$val['barreTitrePoliceLiens'].';';
      if(empty($val['barreTitrePoliceLiens'])) $barreTitrePoliceLiens='';
   /*----- image ------*/      
      $barreTitreImage='background-image:(\''.$val['barreTitreImage'].'\');';
      if(empty($val['barreTitreImage'])) $barreTitreImage='';
/*------- RECHERCHE -------*/
   /*----- position ------*/
      $recherchePosition='float:'.$val['recherchePosition'].';';
      if(empty($val['recherchePosition'])) $recherchePosition='';
/*------- MENUHORIZONTAL -------*/
   /*----- position ------*/      

   /*----- marge ------*/
} 
$toto= 'html {padding:0px;margin:0px;}
ul {list-style:none;}
         body {'.
            $siteTaillePolice.
            $sitePolice.
            $sitePoliceCouleur.
            $siteMargin.
            $siteMarginTopSite.
            $siteMarginRight.
            $siteMarginBottom.
            $siteMarginLeft.
            $sitePadding.
            $sitePaddingTop.
            $sitePaddingRight.
            $sitePaddingBottom.
            $sitePaddingLeft.
            $siteFondCouleur.
            $siteFondImageRepeat.
            $siteImageFond.
           '}
         a {'.
            $siteLienPoliceAColor.
            $siteLienPoliceATaille.
            $siteLienPoliceAFond.
            $siteLienPoliceAFamily. 
            $siteLienPoliceAStyle. 
            $siteLienPoliceAGraisse. 
            $siteLienPoliceADecoration.
            $siteLienPoliceABorderBottom. 
            $siteLienPoliceABorderStyle. 
            $siteLienPoliceABorderWidth.
            '}
         a:hover {'. 
            $siteLienPoliceAhoverColor.
            $siteLienPoliceAhoverTaille.
            $siteLienPoliceAhoverFond.
            $siteLienPoliceAhoverFamily. 
            $siteLienPoliceAhoverStyle. 
            $siteLienPoliceAhoverGraisse. 
            $siteLienPoliceAhoverDecoration.
            $siteLienPoliceAhoverBorderBottom. 
            $siteLienPoliceAhoverBorderStyle. 
            $siteLienPoliceAhoverBorderWidth.
            '}
         #barreTitre {'.
            $barreTitrePosition.
            $barreTitreCouleurFond.
            $barreTitreCouleurBordure.
            $barreTitreCouleurLiens.
            $barreTitreCouleurTitre.
            $barreTitreCouleurPolice.
            $barreTitreTailleImage.
            $barreTitreTailleHauteur.
            $barreTitreTaillePolice.   
            $barreTitreMajuscule.
            $barreTitreAlign.
            $barreTitreBordeTopWidth.
            $barreTitreBordeRightWidth.
            $barreTitreBordeBottomWidth.
            $barreTitreBordeLeftWidth.
            $barreTitreMargeExterne.
            $barreTitreMargeExterneTop.
            $barreTitreMargeExterneBottom.
            $barreTitreMargeExterneRight.
            $barreTitreMargeExterneLeft.
            $barreTitreMargeInterne.
            $barreTitreMargeInterneTop.
            $barreTitreMargeInterneBottom.
            $barreTitreMargeInterneRight.
            $barreTitreMargeInterneLeft.
            $barreTitreStyleBordure.
            $barreTitreStyleBordureTop.
            $barreTitreStyleBordureRight.
            $barreTitreStyleBordureBottom.
            $barreTitreStyleBordureLeft.
            $barreTitreArrondirCoin.
            $barreTitrePoliceTitre.
            $barreTitrePoliceLiens.      
            $barreTitreImage.
		'}
         
         /*----- LOGO -------*/
         #logo {'.
            $logoPosition.
            $logoCouleurFond.
            $logoCouleurBordure.
            $logoCouleurTitre.
            $logoCouleurPolice.
            $logoTailleImage.
            $logoTailleHauteur.
            $logoTailleLargeur.
            $logoTaillePolice.
            $logoBordeTopWidth.
            $logoBordeRightWidth.
            $logoBordeBottomWidth.
            $logoBordeLeftWidth.
            $logoMargeExterne.
            $logoMargeExterneTop.
            $logoMargeExterneBottom.
            $logoMargeExterneRight.
            $logoMargeExterneLeft.
            $logoMargeInterne.
            $logoMargeInterneTop.
            $logoMargeInterneBottom.
            $logoMargeInterneRight.
            $logoMargeInterneLeft.
            $logoStyleBordure.
            $logoStyleBordureTop.
            $logoStyleBordureRight.
            $logoStyleBordureBottom.
            $logoStyleBordureLeft.
            $logoArrondirCoin.
            $logoPoliceTitre.
            $logoPoliceLiens.
            $logoImage.
            $logoImageRepeat.'
            display:block;}
         
         #menu {'.
            $menuPosition.
            $menuCouleurFond.
            $menuCouleurBordure.
            $menuCouleurTitre.
            $menuCouleurPolice.
            $menuTailleHauteur.
            $menuTailleLargeur.
            $menuTaillePolice.
            $menuBordeTopWidth.
            $menuBordeRightWidth.
            $menuBordeBottomWidth.
            $menuBordeLeftWidth.
            $menuMargeExterne.
            $menuMargeExterneTop.
            $menuMargeExterneBottom.
            $menuMargeExterneRight.
            $menuMargeExterneLeft.
            $menuMargeInterne.
            $menuMargeInterneTop.
            $menuMargeInterneBottom.
            $menuMargeInterneRight.
            $menuMargeInterneLeft.
            $menuStyleBordure.
            $menuStyleBordureTop.
            $menuStyleBordureRight.
            $menuStyleBordureBottom.
            $menuStyleBordureLeft.
            $menuArrondirCoin.
            $menuPoliceTitre.
            $menuPoliceLiens.
            $menuImageFondRepeat.
           	'overflow: auto;
           	}
           
        #recherche {'.
         	$recherchePosition.
            '}
		#menuHorizontal li{ 
			display : inline;
	        padding : 0 0.5em; /* Pour espacer les boutons entre eux */
         	}
         #content {'.
            $contenuPosition.
            $contenuCouleurFond.
            $contenuCouleurBordure.
            $contenuCouleurTitre.
            $contenuCouleurPolice.
            $contenuTailleImage.
            $contenuTailleHauteur.
            $contenuTailleLargeur.
            $contenuTaillePolice.
            $contenuBordeTopWidth.
            $contenuBordeRightWidth.
            $contenuBordeBottomWidth.
            $contenuBordeLeftWidth.
            $contenuMargeExterne.
            $contenuMargeExterneTop.
            $contenuMargeExterneBottom.
            $contenuMargeExterneRight.
            $contenuMargeExterneLeft.
            $contenuMargeInterne.
            $contenuMargeInterneTop.
            $contenuMargeInterneBottom.
            $contenuMargeInterneRight.
            $contenuMargeInterneLeft.
            $contenuStyleBordure.
            $contenuStyleBordureTop.
            $contenuStyleBordureRight.
            $contenuStyleBordureBottom.
            $contenuStyleBordureLeft.
            $contenuArrondirCoin.
            $contenuPoliceTitre.
            $contenuPoliceLiens.
            $contenuImageFondRepeat. 
           	'overflow: auto;
         }
         #piedPage {'.
            $piedPagePosition.
            $piedPageCouleurFond.
            $piedPageCouleurBordure.
            $piedPageCouleurPolice.
            $piedPageCouleurTitre.
            $piedPageTailleImage.
            $piedPageTailleHauteur.
            $piedPageTailleLargeur.
            $piedPageTaillePolice.
            $piedPageBordeTopWidth.
            $piedPageBordeRightWidth.
            $piedPageBordeBottomWidth.
            $piedPageBordeLeftWidth.
            $piedPageMargeExterne.
            $piedPageMargeExterneTop.
            $piedPageMargeExterneBottom.
            $piedPageMargeExterneRight.
            $piedPageMargeExterneLeft.
            $piedPageMargeInterne.
            $piedPageMargeInterneTop.
            $piedPageMargeInterneBottom.
            $piedPageMargeInterneRight.
            $piedPageMargeInterneLeft.
            $piedPageStyleBordure.
            $piedPageStyleBordureTop.
            $piedPageStyleBordureRight.
            $piedPageStyleBordureBottom.
            $piedPageStyleBordureLeft.
            $piedPageArrondirCoin.
            $piedPagePoliceTitre.
            $piedPagePoliceLiens.
            $piedPageImageFondRepeat.
            $piedPageTitreMajuscule.
            $piedPageTitreAlign.        
         '}';
      // ont crée un fichier css.
      if(file_put_contents('../css/test.css', $toto))
         echo 'ok';
?>

par **Calimero** » 01 sept. 2008, 23:50

oui mais comment je modifie le positionnement du contenu, la couleur des bordures, de la police ?
ta solution proposé oblige le client à avoir accès au fichier ce qui n'est pas le cas.

D'expérience je peux te dire que les systèmes qui permettent de choisir une couleur, une police ou autre semblent bien sur le papier mais ne conviennent finalement jamais à personne et permettent rarement d'obtenir un beau résultat au final.

Alors soit on fournit des modèles prêts à l'emploi dont on sait que le rendu ne sera pas trop moche, soit (si l'utilisateur est technique et exige un haut degré de personnalisation) on fournit la possibilité d'utiliser au sein du site la CSS de son choix, permettant ainsi à l'utilisateur motivé de l'écrire lui-même.

D'autre part il faut trifouiller des css pour faire des modifications, ce que je ne veux pas

Ce genre d'argument ne tient pas longtemps quand des copies d'écran de ton site avec un texte en MS Comic 25 bleu clair sur fond jaune paille circulent sur internet avec un billet d'humeur mettant en cause la conception du site, ce qui ne manquera pas d'arriver si tu exposes ton système au grand public. A toi de voir.

Pour ta demande d'exemple, en complément de ce que te suggère Victor, tu peux rechercher du côté des CSS dynamiques.

par **Victor BRITO** » 01 sept. 2008, 23:34

justement je ne vois pas comment connecté les css avec mes formulaires ?
un exemple ?

Tu peux t'inspirer de ce tuto d'Alsacréations.

Pour le fomulaire, je vois un champ select comportant les différentes CSS. À la validation du formulaire, tu vérifies la sélection et tu fais en sorte que la feuille de style appelée soit la bonne.

Tu peux aussi utiliser l'élément link avec l'attribut rel="alternate stylesheet" pour appeler des feuilles de style alternatives.

Code : Tout sélectionner

<link rel="stylesheet" href="ta-feuille-de-style-par-defaut.css" type="text/css" title="Feuille de style par défaut" />
<link rel="alternate stylesheet" href="autre-feuille-de-style-1.css" type="text/css" title="Feuille de style alternative 1" />
<link rel="alternate stylesheet" href="autre-feuille-de-style-2.css" type="text/css" title="Feuille de style alternative 2" />
<link rel="alternate stylesheet" href="autre-feuille-de-style-3.css" type="text/css" title="Feuille de style alternative 3" />

Seul bémol : mis à part Firefox, je ne vois pas quel navigateur implémente cette fonctionnalité (IE sûrement pas).

par **x@v** » 01 sept. 2008, 22:58

justement je ne vois pas comment connecté les css avec mes formulaires ?
un exemple ?

par **Calimero** » 01 sept. 2008, 22:43

Ben tu écris une CSS avec ton bloc-notes (éventuellement à partir d'un modèle commenté fourni), ou tu choisis parmi quelques modèles proposés, ou encore (si tu y tiens absolument...) tu connecte tes formulaires existants à un fichier css (un genre de template) au lieu d'une base de données. Les solutions ne manquent pas et l'une n'exclut pas l'autre.

par **x@v** » 01 sept. 2008, 22:33

oui mais comment je modifie le positionnement du contenu, la couleur des bordures, de la police ?
ta solution proposé oblige le client à avoir accès au fichier ce qui n'est pas le cas.
D'autre part il faut trifouiller des css pour faire des modifications, ce que je ne veux pas

par **Calimero** » 01 sept. 2008, 22:08

dans mysql j'ai une table qui contient grosso modo 200 champs.
qui correspondent à des valeur css:
Je dois faire un formulaire pour pouvoir changer ces valeurs et par conséquent la css.

Amateurs de solutions compliquées, bonsoir

Pourquoi ne pas tout simplement proposer à l'utilisateur de choisir la CSS (url) de son choix ? Ainsi il peut changer 100% de ce qui est changeable dans ton site et tu n'as plus à t'embêter avec des tables à 200 champs.

par **x@v** » 01 sept. 2008, 17:03

dans mysql j'ai une table qui contient grosso modo 200 champs.
qui correspondent à des valeur css:
Je dois faire un formulaire pour pouvoir changer ces valeurs et par conséquent la css.
Et je m'interroge sur la façon dont je doit mettre l'information.
L'utilisateur pourra tout changé enfin:
marge interne et interne
image
position (droite ou gauche)
bordure(epaisseur, style, top, right, bottom, left)
police
lien
Mes formulaires peut être :
pour changer un élément de la page avec un formulaire (menu, pied de page...) ou par un formulaire (positionnement, couleur)
Je me demande lequel est le meilleur en terme de simplicité pour l'utilisateur ?

par **Victor BRITO** » 01 sept. 2008, 14:03

Pourrais-tu nous donner des exemples plus parlants de ce que tu souhaites faire ? Merci.

par **x@v** » 01 sept. 2008, 02:55

Bonjour,
je fais une application ou on pourra déplacer les éléments (menu gauche, contenu, header, menu horizontal et header).
Je n'arrive pas à me décider pour la meilleurs solutions de classement pour le visiteur.
Vous préférerai avoir des liens:

Code : Tout sélectionner

position
couleur
marge

ou par morceau d'éléments

Code : Tout sélectionner

menu horizontal
menu colonne
contenu
header ou logo
pied de page

J'ai du mal à savoir quel est le plus simple et le plus convivial. pour des utilisateurs qui recherche la facilité et simplicité.
Merci

design dynamique, quel structure d'information ?

Répondre

Étendre la vue Revue du sujet : design dynamique, quel structure d'information ?

design dynamique, quel structure d'information ?