Partage
  • Partager sur Facebook
  • Partager sur Twitter

horizontale timeline

    23 avril 2019 à 18:20:42

    bonjour j'aimerais faire une timeline horizontale  : donc une ligne horizontale avec des points dessus (points tous séparé de la meme longueur). puis quand je clique sur un point ça m'affiche un message.

    cote javascript avec l'affichage du message je sais faire.

    mais la ligne avec les points dessus je ne vois pas trop comment faire ca.

    • Partager sur Facebook
    • Partager sur Twitter
      23 avril 2019 à 19:00:30

      Bonjour Luzwitz,

      Dans ces cas là le mieux est de regarder sur un site comment sont fait les timelines et modifier le code pour que ça ressemble à ce que tu as envie.

      Je peux par exemple te proposer le site https://codepen.io/ sur lequel, dans la barre de recherche, tu peux écrire "timeline horizontale".

      Choisi alors le résultat qui ressemble le plus à ce que tu souhaites, essaye de comprendre le code et à toi de jouer !

      Bon courage !

      -
      Edité par NicolasMarafetti 23 avril 2019 à 19:00:45

      • Partager sur Facebook
      • Partager sur Twitter
        23 avril 2019 à 19:40:37

        Bonjour,

        Déjà ce qu'il serrait bien c'est de savoir comment tu veut ta timeline, après Nicolas n'a pas tors en regardant quelque exemple vois celui qui te conviens le plus et après on peut voir avec toi pour le css si tu en à besoin.

        Voici quelque autres pistes  :

        https://freefrontend.com/css-timelines/

        https://www.megaptery.com/2011/10/timelinr-une-frise-chronologique-sous-forme-de-slider-jquery.html

        • Partager sur Facebook
        • Partager sur Twitter

        Compos sui.

        horizontale timeline

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown