Modèle:ITabs

Documentation[voir] [modifier] [historique] [purger]

En bref modifier

But: Créer une interface de navigation, barre à onglets, notamment pour les portails, les projets, pages d'aide et les pages utilisateur. Ce modèle utilise principalement le CSS3.
Ne pas utiliser dans l'espace encyclopédique.

Syntaxe

{{ITabs
|Onglet-1 = titre-1
|Image-1  = nom d'image-1
|URL-1 = page-1
|Onglet-2 = titre-2
|Image-2 = nom d'image-2
|URL-2 = page-2
. . . 
|Paramètre x = valeur x
}}

Paramètres modifier

Le nombre maximum d'onglets est de 8.
- Onglet-numéro = Nom / titre, liens de l'onglet (Obligatoire)
  où numéro est le numéro de l'onglet ( 1 à 8 )
  écrire les liens sous leur forme complète [[nom de page| titre]].
Il est possible de définir les paramètres optionnels suivants :
- Image-numéro = Nom de l'image (icône) à afficher devant le titre ( redimensionné à 20x20px maximum ).
- URL-numéro = Nom de page du lien sur l'image.
- color = Couleur des titres, hexadécimal sans le #. ( par défaut = 000000 )
- bordure = Couleur de la bordure, hexadécimal sans le #. ( par défaut = c2dfff )
- taillebordure = Taille de la bordure, en pixels sans le px. ( par défaut = 1 )
- arrondi = Rayon de l'arrondi des coins de la barre d'onglets. ( ar défaut = 10px )
- fond-onglet = Couleur de fond des onglets, hexadécimal sans le #. ( Par défaut = transparent )
- separations = Couleur des séparations entre onglets, si différente de bordure, hexadécimale sans le #.
  Si les séparations ne sont pas souhaités il faut préciser separations = 0 .
  Pour des séparations sans bordure il faut préciser bordure = 0 et separations = couleur .
- tailleseparations = Taille des séparations, en pixels sans le px. ( par défaut = 1 )
- alignement onglet = Alignement du titre de l'onglet (left/center/right). ( par défaut = left )

Exemples modifier

- Minimaliste (paramètres par défaut) modifier

Code

{{ITabs
 | Onglet-1 = [[Modèle:ITabs|Onglets libres]]
 | Onglet-2 = [[Modèle:Début des onglets|Début des onglets]]
 | Onglet-3 = [[Modèle:Fin des onglets|Fin des onglets]]
 | Onglet-4 = [[Projet:Traduction/*/Aide/Demander une traduction|Exemple]]
}}

- Avec paramètres modifier

Code

{{ITabs
 | Onglet-1 = [[Modèle:ITabs|Onglets libres]]
 | URL-1    = Modèle:ITabs
 | Image-1  = Madrid-MetroLinea1.png
 | Onglet-2 = [[Modèle:Début des onglets|Début des onglets]]
 | URL-2    = Modèle:Début des onglets
 | Image-2  = Madrid-MetroLinea2.png
 | Onglet-3 = [[Modèle:Fin des onglets|Fin des onglets]]
 | URL-3    = Modèle:Fin des onglets
 | Image-3  = Madrid-MetroLinea3.png
 | Onglet-4 = [[Projet:Traduction/*/Aide/Demander une traduction|Exemple]]
 | URL-4    = Projet:Traduction/*/Aide/Demander une traduction
 | Image-4  = Madrid-MetroLinea4.png
 | bordure  = 888888
 | arrondi  = 5em
 | alignement onglet = left
 | fond-onglet = EEFBFF
}}

- Sans bordure avec séparations modifier

Code simplifié pour l'exemple

[ . . . ]
|color = 264D00
|fond-onglet = EEFBFF
|bordure= 0
|separations = ffffff
|tailleseparations = 5
|alignement onglet=center
|arrondi=25px
[ . . . ]

- Avec bordure, sans séparations modifier

Code simplifié pour l'exemple

 [ . . . ]
|color = 264D00
|fond-onglet = EEFBFF
|bordure= ACC777
|separations = 0
|alignement onglet=center
|arrondi=25px
[ . . . ]

Voir aussi modifier

{{Onglets libres}}, à l'origine de ce fork.
{{Début des onglets}} et {{Fin des onglets}}, modèle similaire avec un éventuel pied de page « Page suivante ».
{{Début des onglets avec sous-titres}} ce qui apparaît dans l'onglet est le nom de l'onglet et celui de la page, et non le nom de la page seulement.
{{Début des onglets2}} : un format différent, légèrement plus discret.
{{Onglet}} et {{Onglet2}} pour les programmeurs de modèles.
Aide:Onglets

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.