Lightining Shaarli : un nouveau thème pour Shaarli

Classé dans css, Outils


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...

 

4 commentaires

  1. Bonjour et surtout grand merci pour ce thème, bien plus clair ! Il faut absolument que je trouve le temps de le mettre en place sur le mien ;)
    @mmitiés
    bg

  2. re ... :)
    j'ai mis mon "shaarli" à jour en m'inspirant de ton modèle, mais il reste pas mal de choses qui 'coincent' un peu ... déjà le "widget" dans la barre de navigation personnelle m'ouvre une fenêtre avec tous les liens du haut ...
    si tu avais le temps de zieuter un peu ... @+

  3. Merci d'utiliser mon thème mais je ne vais pas pouvoir t'être d'une grande utilité car je ne peux pas accéder à ton bookmarklet (si c'est bien de ça dont tu parles).

    Pour le reste, soit un peu plus sobre. Pour ton menu par exemple, les titres sont beaucoup trop longs.

  4. bonjour;)
    suite à un changement de version de php sur 1and1 ( passage en php5), je me sis retrouvé avec cette erreur :
    "Strict Standards: date_default_timezone_get(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/Berlin' for 'CET/1.0/no DST' instead in /homepages/39/d141584484/htdocs/referencer/4/index.php on line 95"
    sebsauvage m'a donné une solution de dépannage :
    mettre
    " date_default_timezone_set('Europe/Paris');"
    au début de index.php
    ça refonctionne mais pourrais-tu me dire si, pour cette version tu as une nouvelle mise à jour ou si cela suffit quand même ???
    réponds-moi de préférence par mail
    merci
    @mitiés
    bg

Écrire un commentaire

*


*

 Se rappeler de moi sur ce site

*
Quelle est la première lettre du mot xlku ? :