Hop, un petit tutoriel inutile pour m'amuser. C'est des menus sous forme de cascade d'image, c'est... totalement inutile. Le résultat final ressemble à l'image qui illustre ce billet et la mise en œuvre est expliqué en détail dans un article à part. C'est mon premier article explicatif de bonne taille ici, j'attends tes commentaires pour savoir si ça vaut le coup (ou pas) de continuer dans cette voie.
C'est intéressant. Mais à quoi cela peut-il bien servir ?
:-)
Thomas à 14:27, le 05.04.04
Je dois avouer que je l'ai fait uniquement pour m'amuser avec la propriété z-index des CSS. Maintenant, je me demande si ça ne pourrait pas servir de base pour des porfolios. Je développerais peut-être ça si l'envie me prend.
Joli choix de sites pour ton exemple. Je suis très flatté d'être en z-index 80. ;-)
Laurent à 18:49, le 05.04.04 - Son site
C'est chouette, moi, j'aime bcp :)
Tetram9 à 22:46, le 05.04.04 - Son site
Une liste de liens, un script pour générer le HTML et le CSS, associé au khtml2png pour générer des miniatures : on a un blogroll qui affiche la une de chaque site, à la Hot Links.
Seul problème : ça ne marchera pas sur un serveur mutualisé.
tehu à 07:45, le 06.04.04 - Son site
Ok dans Safari.
Et puis j'aime bien, ça peut servir! (Ce message n'était pas seulement un gentimentaire ;))
noliv à 09:29, le 06.04.04
Je trouve que ça donne des menus assez jolis (c'est peut-être pas le top de l'ergonomie mais on s'en branle). Et le tuto est pas mal foutu.
Nikko à 22:33, le 06.04.04
Très sympa cette mise en page. En plus la feuille de style est plutôt simple à comprendre :-)
Par contre, pour pinailler (faut bien que je trouve un défaut car rien n'est parfait dans ce bas monde), il serait peut-être judicieux de mettre un background-color pour la légende placée en bas à droite de chaque vignette, avec une couleur qui contraste avec celle de la fonte. De cette manière la lecture de cette légende serait plus aisée.
Sylvain Lelièvre à 01:26, le 10.04.04
Sylvain : je l'avais fait et je l'ai finalement enlevé après avoir vu la liste se dégrader avec des couleurs changeantes sous IE4... C'est vrai que c'était une erreur, il vaut mieux améliorer la lisibilité pour la moajorité des utilisateurs que de vouloir conserver une apparence correcte sur un navigateur quasiment inutilisé maintenant.
Je corrigerai ça à l'occasion.
La biroute n'est pas fine, non, et d'ailleurs c'est de là que vient notre plaisir. - Meujor -
Ce site est hébergé par ovh. Il a été codé à la mimine par son auteur (aidé par la doc php). Les jours de beau temps, il a le bon goût d'avoir un code XHTML1.0 valide et il en va de même pour sa feuille de style, et pour son pauvre petit et ignoble fil RSS. Mon voisinage est disponible sur GeoURL.