Site icon Free Tools

Timelined, fil chronologique vertical

Timelined permet d’afficher une chronologie verticale uniquement par CSS. Vous pouvez l’utiliser pour créer des chronologies statiques ou dynamiques.

Timelined est entièrement personnalisable

Pour l’utiliser, rien de bien complexe… la structure de base ressemble à ceci :

<div class="timeline gray-blue"> <!-- Main element container -->
    <div class="timeline-block">    <!-- Single block -->
        <div class="timeline-icon"></div> <!-- Icon on the timeline -->
        <div class="timeline-content"> 
            <p> Any content </p> <!-- Content -->
            <div class="timeline-date">Yesterday</div> <!-- Date -->
        </div>
    </div>
    ...
</div>

A cette structure de base, peuvent s’ajouter quelques personnalisations supplémentaires par l’ajout de classes à l’élément « conteneur » .timeline:

.timeline-icon Options d’éléments:

Site Internet : Fil chronologique 100% CSS
Licence : MIT

Quitter la version mobile