Documentation de: Navigation de style métro
Fonctionnalité instable
À être utilisé à vos propres risques. Toutes les fonctionnalités décrites ci-dessous pourraient être retirées à n'importe quelle version mineur/majeur ultérieure et l'ensemble des fonctionnalités provisoires sont exclues de l'API publique de GCWeb.
La documentation et/ou les exemples pratiques pourraient être incomplets ou être non disponible.
Afin d'utiliser la fonctionalité provisoire de navigation de style métro, vous devrez suivre les étapes suivantes:
- Tout d'abord, vous aurez besoin d'un élément
<nav>avec les classes"provisoire"et"gc-subway". À l'intérieur de ce<nav>, mettez votre premier<h1>; il sera le plus petit, grisâtre et placé au haut de la page. - Ajoutez un
<ul>à côté de ce<h1>. Placez-y les liens vers vos autres pages liées à la page de lancement de service. - Le reste a juste besoin de votre propre contenu principal pour cette page. N'oubliez pas les boutons de navigation en bas des pages. Si vous voulez que la colonne de gauche cesse d'être aux 2/3 de la largeur d'un écran de bureau, vous pouvez alors arrêter la propagation en utilisant n'importe quel élément HTML avec une classe
"gc-subway-section-end"; cet élément doit être un frère de votre"<nav class="gc-subway">. - Si vous souhaitez utiliser le nouveau soulignement rouge court et gras sous votre H1, ajoutez-y les classes
"provisoire"et"gc-thickline".
Voir le code brut en action en consultant l'exemple codé.
Détails de la page
- Date de modification :