C'est l'été, il fait beau et j'ai eu envie d'égailler le thème de mon Shaarli. Bien que celui d'Idleman soit parfait, je le trouve un peu sombre et puis ça fait toujours du bien de refaire sa garde robe.
Lightining Shaarli est un design relativement épuré. Il est "responsive" et il fonctionne sur les toutes dernières versions des navigateurs les plus utilisés (Firefox, Opera, Safari, Internet Explorer 10). Je préfère vous le dire d'emblée, je n'ai pas testé et je ne testerai pas les versions antérieures à IE 10.
Ses caractèristiques :
C'est un design fluide c'est à dire qu'il s'adapte à la largeur de votre écran et il est"responsive" c'est à dire que vous ne devriez pas avoir de difficulté à lire les informations sur votre tablette ou votre téléphone portable.
Comment et où le récupérer ? :
J'ai placé les sources sur github. Si vous ne souhaitez pas tout télécharger, les fichiers principaux à récupérer sont :
- le fichier index.php, car j'ai corrigé quelques petites erreurs qui invalidaient le code HTML final (balises images non fermées, attribut "selected" accolé à un guillemet...),
- le dossier tpl/, car j'ai supprimé les styles embarqués au niveau des formulaires. Le code est ainsi un peu plus propre et la mise en forme est indépendante de la structure des pages. J'ai également modifié l'agencement de certains formulaires.
- le fichier shaarli.css situé dans le dossier inc/ que j'ai complètement remanié. Je n'ai volontairement pas utilisé de fichier user.css car les règles de l'ancien fichier shaarli.css interféraient avec celles du nouveau et une majorité du css devenait inutile. Par souci de simplification, je n'ai donc conservé qu'un seul fichier.
Vous pouvez voir le rendu final sur mon shaarli. N'hésitez pas à commenter et à relever éventuellement des bugs.
PS : je n'assurerai pas la maintenance pour les versions d'IE antérieures à la version 10. À bon entendeur...