Noir-ciselé

pascale.freyakane.com, platicienne créatrice de bijoux

Premiers abords : vous allez peut-être avoir du mal à reconnaitre yacs? Mais en y regardant mieux (en connaissant les bonnes URL), vous verrez que c'est bien votre CMS préféré !

la page d'accueil

Elle est faite avec la page de couverture seule et un template_home spécifique. La page contient seulement les entrées de menu affichées au survol des "trous-losanges". Chaque entrée est isolée avec un code [style] pour un positionnement absolu via CSS.
Le template contient tout le reste : la photo de fond, les voiles transparents. C'est simplement une image-map qui déclenche des fonctions javascript utilisant Scriptaculous, bibliothèque intégrée à yacs.
note : avec IE il y a moins d'effets graphiques.

le menu des autres pages

Il s'agit d'un menu standard : une page globale, "menu" de son petit nom. Les liens sont construits par code yacs ([article=xx,label] [section=...]) mais où le label spécifié est composé de code yacs lui-même (vignette [image=...] suivit d'un texte encadré par un [style]). Les vignettes sont attachées à la page du menu. Le rendu s'obtient par CSS.

Pages "découvertes"

Un template spécifique (variant_xyz) pour ces trois pages composées de 3 images en losanges. Les images sont attachées de manière classique à la page, et appelées par code yacs. Mais j'ai évidement injecté pas d'HTML via textarea (div, images pour masque en losange, map) et du javascript appelé par le template. Beaucoup de "fait main" dans ces pages.

pages "galeries"

8 images en vignette. Le vide au milieu est obtenu par un [style] encadrant un  
Le script TPJzoom est intégré à la library.js grace à l'outil de compression jsmin inclu avec yacs. Une petite modification de yacs.js pour l'appel de la loupe, et petite modification d'image.php pour diminuer la force de compression jpg des vignettes.
Les images sont chargées en 1500x1500. Si votre zone d'écran est plus grande, la loupe sera sans effet.

Autres pages

Les autres pages utilisent yacs de manière standard : slashdot pour les actus, decorated pour "coups de coeur", commentaires ouvert aux anonymes sur la page discussion affichée en comment_as_wall.

un mot

Ce qui m'a plu c'est d'arriver à m'approprier la mécanique yacs (du moins un bout) pour aboutir à une présentation originale, avec un super-moteur sous le capot. Cela n'en jette pas autant qu'un site Flash, mais niveau SEO, maintenance, évolution, on récupère un gros avantage !