Les ateliers du klafoutis

Sur­vo­lez cha­que des­sin pour voir l’image réa­gir. Le des­sin fait place au point-vir­gule seul et cha­cune des zones fait lien vers la page de la fonte uti­li­sée pour cette démons­tra­tion ; le nom de cha­cune de ces fon­tes s’affi­che dans une éti­quette au sur­vol.

<div id="encart">
<ul id="cdipv">

<li id="haut">
    <ul id="ulhaut"> 
            <li><a id="haut-gauche" href="http://www.myfonts.com/fonts/linotype/itc-american-typewriter/" title="American Typewriter">American Typewriter</a></li><li><a id="haut-centre" href="http://www.dafont.com/en/buy-font.php?f=Algerian+Condensed&amp;v=linotype" title="Algerian Condensed">Algerian Condensed</a></li><li><a id="haut-droite" href="http://www.dafont.com/en/font.php?file=anke_calligraphic_f" title="Anke Calligraphic">Anke Calligraphic</a></li> </ul> </li>

<li id="milieu"><a href="http://sablier.hautetfort.com/archive/2005/11/10/defense-et-illustration-du-point%E2%80%93virgule-le-comite.html" title="Le billet fondateur chez Fulgineuse">Comit&eacute; de d&eacute;fense et d'illustration du point-virgule</a></li>

<li id="bas"> <ul id="ulbas"> <li><a id="bas-gauche" href="http://www.dafont.com/en/font.php?file=iglook" title="Iglook">Iglook</a></li> <li><a id="bas-centre" href="http://www.linotype.com/596/itcbradleyhand-family.html?PHPSESSID=3ada25f142a7e773a52b39f7cfb99552" title="Bradley Hand">Bradley Hand</a></li> <li><a id="bas-droite" href="http://www.myfonts.com/fonts/apple/chancery/apple-chancery/" title="Apple Chancery">Apple Chancery</a></li> </ul> </li>

</ul>		
</div>

(Cet exem­ple peut être vu seul et sa con­coc­tion con­sul­tée en affi­chant la source de la démo et l’image uti­li­sée.)

Inti­tu­lée « Éloge du point-vir­gule », cette expé­ri­men­ta­tion fut réa­li­sée pour mon blog per­son­nel à l’occa­sion d’un appel à faire l’éloge du point-vir­gule.