Le laboratoire Viabloga

J'utilise souvent les listes pour insérer du code html et obtenir un résultat qui n'est pas prévu par la plate-forme. Normalement, c'est la vocation des Blocs libres mais ils sont en nombre limité (5) et les listes offrent plus de latitudes de mise en scène. On peut notamment les enchâsser les unes dans les autres.

Illustration :

L'outil Listes permet de créer une sorte de planche contact de photos, chaque photo pouvant constituer un lien vers une autre planche contact. Tout cela est facilement configurable avec le formulaire Listes / Liens actuel. Il suffit de choisir l'affichage mosaIque de la liste, d'identifier les photos téléchargées et d'insérer les liens des listes (/lists/links/x.shtml) dans les entrées-menu.

Cela se complique dès que l'on veut personnaliser :

• un centrage particulier des photos dans chaque cadre
• une bordure du cadre d'une couleur et d'un style différents que la simple bordure noire de la photo par défaut
• un fond d'une couleur spécifique pour un effet damier par exemple
• un titre à l'intérieur du cadre pour respecter l'effet damier
• etc.

C'est là qu'il est commode d'utiliser les ressources html en insérant le code dans le champs Commentaire qu'il suffit de sélectionner ensuite comme seul paramètre activable des entrées avec Champs à afficher : / Intitulé -> / Commentaire.

La seule contrainte, c'est de coder en html ! Mais ce n'est pas aussi compliqué que cela. Il suffit déjà d'observer comment c'est fait en affichant la source html des pages que l'on consulte, en consultant les sites spécialisés (il y en a pléthore), en s'aidant d'un éditeur web également, et surtout en se lançant : avec un peu (beaucoup) de tâtonnements, on arrive à des résultats sympas et c'est assez gratifiant même si le résultat n'est pas aussi spectaculaire pour les autres. On comprend d'ailleurs mieux après le métier des développeurs... Cela ne fait pas non plus de nous des infographistes.

De fait, souvent on doit renoncer. Sauf si on a la chance d'utiliser une plate-forme qui a su mobiliser une communauté de talents et de compétences en leur permettant d'échanger sur leurs expériences !

Sur le damier évoqué plus haut, je voudrais utiliser les cases blanches pour afficher une image particulière (ou différente) lorsque l'on clique dessus. Comment je peux faire cela ?

Voici mon code actuel :

<table border="1" bordercolor="#015CAB" cellpadding="" cellspacing="1">
<tbody>
<tr>
<td width="150" height="150" bgcolor="white" align="center">
<a href="/images/image2 ???" title="Cliquez sur la case"><img hspace="0" vspace="0" border="0" align="middle" src="/images/image1.jpg" />
</a>
</td>
</tr>
</tbody>
</table>

href, la fonction hyperlien (dans ce cas : hyperimage), n'est évidemment pas la bonne fonction. Justement : il ne s'agit pas d'ouvrir une autre page mais d'afficher une autre image dès que l'on clique sur la case.

Si quelqu'un, ou quelqu'une, a une piste, je l'en remercie d'avance. Et que tous puissent en profiter !