Personnaliser la présentation des pages

Publication d'annonces

Pour chaque zone de saisie, il y a 3 parties. Chacune de ces zones a une classe commune à tous et un Id individuel:

1. Le libellé
2. La zone
3. L'aide

Voici le détail de chaque zone:
Pour le libellé, la casse est "PublierLib", pour l'aide, zonz la classe est "PublierComment" et pour la zone zone, c'est le type de zone : "select", "textarea", input[type=checkbox]", input[type=text], etc.

Pour un paramétrage individuel de chaque zone il faut utiliser l'id.

1. Le libellé : #lib-nom-de-la-zone
2. La zone : #nom-de-la-zone
3. L'aide : #aide-nom-de-la-zone

Liste d'annonces

Voici comment se présentent les données: <div class='comp'> <div id='comp-zVar12'>Négociable :<b>Oui</b></div> <div id='comp-zVar3'>Type de bien :<b>Maison</b></div> <div id='comp-zVar1'>Surface en m² :<b>100</b></div> <div id='comp-zVar2'>Pièces :<b>5</b></div> </div>
Div, ce sont des boites, donc un y a une grande boite avec la classe "comp" ... on définit ici On peut définir ici, son emplacement, sa couleur, etc. - Voir comment bien utiliser le css
A l'intérieur, on a une boite par variable, qui est accessible avec l'id "comp-nom_de_la_var". Le titre de la variable direct dans la boite et la donnée saisie par celui qui a publié l'annonce en majuscules ... mais on peut personaliser tout ça, voici comment:

/* On définit ici la boite principale comp */ .LigneAnnonce .ListDet .comp{font-family:arial; font-size:12px; color:#222222; z-index:0} /* On définit ici la boite de la variable */ .LigneAnnonce .ListDet .comp div{display:inline-block; padding:5px 10px; background-color:#eeeeee; } /* On définit ici la données de l'annonce */ .LigneAnnonce .ListDet .comp div b{color:red} /* et si on decide de mettre en évidence la variable 1, on y accède comme ça par exemple */ #comp-zVar1 {font-size:30px} #comp-zVar1 b {font-size:40px}

Détail de l'annonce:

Le principe est exactement le même que pour la liste.
La boite principale a pour class : "InfoComp"
Les boites intérieures pour chaque variable ont pour id "comp-nom_de_la_var"

Pour le formulaire de recherche de l'annonce:

Il existe 2 formulaires de recherche différents et le parmétrage fait appel à des classes différentes.

Pour le premier:
On a la classe : "TabSearchComp" pour la boite principale,
"ligc1" : La boite qui inclut le libellé et la zone de formulaire
"TdSearchLib" : Le libellé de la zone
"TdSearchDonnees" : la zone de formulaire

Pour le 2^ième formulaire
On a la classe : "TabSearchCompV2" pour la boite principale,
etc. (A compléter)