.

DOCS

Mise en page :

Démarrage rapide
Conteneurs
Grilles

Elements :

Listes
Indicateur de sous-page
Barres de navigation
Barres
Articles
Zones
Boutons

Assistants :

Séparateurs horizontaux
Séparateurs verticaux

LISTES

Liste classique



<section class="list-container">

                        
<section class="first-list-selector">

                        
<p>Element 1</p>

                        
</section>

                        
<section class="list-selector">

                        
<p>Element 2</p>

                        
</section>

                        
<section class="list-selector">

                        
<p>Element 3</p>

                        
</section>

                        
<section class="last-list-selector">

                        
<p>Element 4</p>

                        
</section>

                        
</section>

Exemple

Un exemple de liste classique

Element 1

Element 2

Element 3

Element 4


Liste classique avec sélecteur



<section class="list-container">

                        
<section class="first-list-selector selected">

                        
<p>Element 1</p>

                        
</section>

                        
<section class="list-selector">

                        
<p>Element 2</p>

                        
</section>

                        
<section class="list-selector">

                        
<p>Element 3</p>

                        
</section>

                        
<section class="last-list-selector">

                        
<p>Element 4</p>

                        
</section>

                        
</section>

Exemple

Un exemple de liste avec sélecteur

Element 1

Element 2

Element 3

Element 4


Liste classique avec liens



<section class="list-container">

                        
<a href="#"><section class="first-list-selector link">

                        
<p>Element 1</p>

                        
</section></a>

                        
<a href="#"><section class="list-selector link">

                        
<p>Element 2</p>

                        
</section></a>

                        
<a href="#"><section class="list-selector link">

                        
<p>Element 3</p>

                        
</section></a>

                        
<a href="#"><section class="last-list-selector link">

                        
<p>Element 4</p>

                        
</section></a>

                        
</section>

Exemple

Un exemple de liste avec des liens

Element 1

Element 2

Element 3

Element 4

Liste classique avec liens et sélecteur



<section class="list-container">

                        
<section class="first-list-selector selected">

                        
<p>Element 1</p>

                        
</section>

                        
<a href="#"><section class="list-selector link">

                        
<p>Element 2</p>

                        
</section></a>

                        
<a href="#"><section class="list-selector link">

                        
<p>Element 3</p>

                        
</section></a>

                        
<a href="#"><section class="last-list-selector link">

                        
<p>Element 4</p>

                        
</section></a>

                        
</section>

Exemple

Un exemple de liste avec des liens

Element 1

Element 2

Element 3

Element 4