Je viens de mettre à jour le look de site…
Pas de révolution, mais plus une évolution.
Tous les changements concernent la barre de navigation à droite. J’ai mis en place des menus déroulants, ce qui permet de gagner beaucoup de place. La barre peut enfin être visible sur un petit écran (quelle idée de naviguer sur internet avec un écran inférieur a 1280×1024 😉 )… J’ai aussi ajouté quelques petites icônes pour égayer le tout… J’ai mis la barre de titre en position fixe (elle ne scroll plus avec le texte). Quand au champs de recherche, je l’ai déplacé dans la barre de titre et relooké à la Apple.
Bon, il reste encore un petit peu de boulot pour finir tout ça… Voici une liste non exhaustive de ce qui ne fonctionne pas (ce sont des problèmes de compatibilité multi-navigateurs) :
- Bord arrondis des menus sous IE et Safari :
Comme ces navigateurs ne supportent par l’attribut CSS3 border-radius (Firefox le supporte via son attribut propriétaire -moz-border-radius), il va sans doute falloir mettre un petit peut de javascript pour ajouter plein d’image de coin arrondi et de bordure… - Le fond coloré des liens dans les menus ne s’affiche pas bien sous Safari (il ne s’affiche pas si le curseur est au dessus du texte, mais s’affiche s’il est sur le bord d’un lien…).
- Toujours dans les menus, mais sous IE7, cette fois, le texte disparaît au survol des liens de la catégorie « Liens ». Bizarre…
Voilà… Z’en pensez quoi ?
Commentaires récents