Mise en œuvre
Cliquez sur un des menus déroulants pour accéder aux différents
sites.
Arborescence de liens !
La gestion de l'arborescence des liens est créée par
le script jQuery TreeView Menu (v1.4) de © Dynamic Drive (http://www.dynamicdrive.com)
et adapté par Alain Tixier pour ce site.
Voir
http://www.dynamicdrive.com/dynamicindex1/treeview/index.htm pour
la source d'origine complète.
Des coins arrondis !
La mise en page est réalisée
par l'environnement "LiquidCorners'. Voir la page : http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
La source semble compliquée,
mais la méthode est très simple:
- La page est construite comme une page normale.
- Les coins sont peints avec une image telle que
corners1280x18cregy.gif
pour cette page.
- On modifie liquidcorners.css
avec le lien vers l'image des coins, et éventuellement d'autres changements
(polices, couleurs, marges, ...)
- La page est liée avec la nouvelle feuille de style.
On peut aussi surcharger directement dans le <head>...</head>
de la page les styles définis dans liquidcorners.css.
- On ajoute le corner-code
dans chaque boîte dont on veut arrondir les coins.
- Si on veut un 'background' différent pour une boîte,il
faut utiliser une nouvelle 'background-image'.
- Connecter les boîtes et les bg-colors en ajoutant
class="boxcolor-something" et une règle simple à la feuille
de style (pour cette page,dans le style 'block' de l'entête).
- C'est tout !