SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

289 Plugins, 197 contribs sur SPIP-Zone, 67 visiteurs en ce moment

Accueil > Rédaction > Affichage dans texte > Timeline Me > Timeline Me

Timeline Me

18 janvier 2018 – par chankalan – commentaires

10 votes

TimelineMe - ​http://mickaelr.github.io/jquery-timelineMe/ - est un plugin jquery qui permet d’afficher des informations sur une ligne de temps.

Le présent plugin pour SPIP l’utilise et propose un modèle pour afficher les articles d’une rubrique de cette manière :

<rubriqueX|timelineme>

X est bien le numéro de la rubrique dont on veut lister les articles.

Le tri des articles est du plus récent en haut au plus ancien en bas. Si on choisi d’utiliser les numéros de titre, ils seront triés du plus grand chiffre en haut vers le plus petit en bas.

Les encarts affichent en alternance le titre d’un côté de la ligne, et de l’autre côté le chapeau des articles, avec un bouton « voir plus » pour lire le texte, « voir moins » pour le masquer.

On peut utiliser ce modèle avec quelques paramètres d’appel :

|sens=inverse (changer le sens de tri des articles.)

|background=#8DD8DD (détermine la couleur d’arrière-plan)

et si on utilise :
|orientation=horizontal

alors on peut ajouter au choix :
|scrollArrows=true (false par défaut)
|scrollBar=false (true par défaut)
|scrollZones=true (false par défaut)

Exemple :

<rubrique2|timelineme|sens=inverse|orientation=horizontal|scrollArrows=true|scrollBar=false>

Nota bene : Pour l’instant, aucune mise en forme n’est possible dans les textes (chapeau ou texte), et donc aucun lien ni aucune image non plus.

À faire : L’idéal serait justement de trouver une solution pour afficher la mise en forme des textes, les liens et les images incluses.

Dernière modification de cette page le 18 janvier 2018

Retour en haut de la page

Vos commentaires

  • Le 3 février à 12:57, par jeanmarie En réponse à : Timeline Me

    Salut,

    merci pour ce plugin.
    Est-ce qu’il y a dans l’idée de le rendre générique pour afficher tout type d’objet SPIP ? Je pense évidemment aux événements du plugin Agenda :)

    jeanmarie

    • Le 4 février à 21:34, par chankalan En réponse à : Timeline Me

      salut,
      bin... moi j’l’ai pas eu cette idée, j’ai fais avec des articles comme des actualités, sans réfléchir plus que ça... mais là c’est pas la mer à boire de faire un modèle pour les évènements, vas-y gogoggo ;o)

    • Le 5 février à 10:18, par jeanmarie En réponse à : Timeline Me

      L’idée serait plus de faire un outil générique, fonctionnant pour tout type d’objet, pour éviter de devoir faire des modèles pour chaque objet.
      Un peu à l’image de ce que fait Charles pour Métas+ : https://www.mail-archive.com/spip-zone@rezo.net/msg45061.html
      Bon, c’est peut être un autre chantier hein :)

    • Le 5 février à 10:37, par chankalan En réponse à : Timeline Me

      Pour moi c’est pas la peine de faire ça, ce plugin n’est qu’un petit modèle léger pour un usage plutôt rare et occasionnel... ça me semble simple avec des modèles.
      Ce serait même plutôt un exemple pour faire d’autres petits modèles maîtrisés par le rédacteur, où on est pas limité par la technique puisqu’elle est simple.

    • Le 5 février à 10:39, par Maïeul En réponse à : Timeline Me

      D’autant plus qu’on se heurterai vite à une limite des boucles de SPIP : il n’est pas possible de passer la table comme parametre dynamiques.

      On ne peut pas faire

      <BOUCLE_generique(#ENV{objet})>
      </BOUCLE_generique>

      Il y aurait bien moyen de contourner, mais cela serait complexe pour pas grand chose.

    • Le 6 février à 16:45, par jeanmarie En réponse à : Timeline Me

      Pas faux... on voit bien le chantier pour Métas+ :)

    Répondre à ce message

  • Le 2 février à 18:50, par spipfactory En réponse à : Timeline Me

    cool merci jc

    /* largeur des boites timeline */
    .annonce-titre {
            background: rgba(255,255,255,0.5);
            padding: 5px 20px;
            margin-left: 0;
    }
    .timeline-me-track{
            width: auto
    }
    .timeline-me-smallitem .timeline-me-item-wrapper {
            width: 170px;
    }
    .timeline-me-shortcontent {
            width: 150px !important;
    }

    Répondre à ce message

  • Le 1er février à 21:15, par spipfactory En réponse à : Timeline Me

    bien ,

    bien ce petit timelime me pour faire un fil conducteur.

    me reste a régler la taille des boites ;) , et sans doute d’autre truc ....

    • Le 2 février à 11:30, par spipfactory En réponse à : Timeline Me

      boen elle est ou cette régle css qui permet de définir la taille de la boite chapeaux

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Sauvegarder le répertoire IMG/ avec wget

    20 février 2007 – 10 commentaires

    Voici un système client serveur en deux lignes pour sauvegarder le répertoire des documents.

  • Rôles de documents

    21 février – commentaires

    Ce plugin permet d’attribuer un rôle aux documents liés aux contenus, et cerise sur le gâteau, rend possible la gestion des logos par le biais des documents-joints. Principe Les documents liés aux contenus n’ont pas forcément tous la même (...)

  • COLT : Extension de Firefox utile pour SPIP

    21 septembre 2008 – commentaires

    Une petite extension de Firefox qui permet de copier des liens sous format SPIP

  • Moulinette

    17 juillet 2015 – 46 commentaires

    Un squelette qui monte et qui descend ! Moulinette est un squelette basé sur le thème Grayscale (documentation) pour Bootstrap 3. Le type de site attendu est un site en une seule page : une rubrique avec quelques articles, des titres courts, des (...)

  • Plugin Duplicator

    3 janvier 2010 – 88 commentaires

    Duplication de rubrique et de ses contenus, et duplication d’articles pour SPIP Fonctionnement Ce plugin permet de dupliquer une rubrique et son contenu depuis l’espace privé en ajoutant un bouton dans la navigation de gauche dans l’espace privé (...)