Modèle:Onglets libres
En bref
- But
- Créer une interface de navigation, barre à onglets, notamment pour les portails, les projets, pages d'aide et les pages utilisateur.
Ne pas utiliser dans l'espace encyclopédique.
- Syntaxe
{{Onglets libres |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
- 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. ( par 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 debordure
, hexadécimale sans le #.
Si les séparations ne sont pas souhaités il faut préciserseparations = 0
.
Pour des séparations sans bordure il faut préciserbordure = 0
etseparations = 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
Minimaliste (paramètres par défaut)
- Code
{{Onglets libres | Onglet-1 = [[Modèle:Onglets libres|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
- Code
{{Onglets libres | Onglet-1 = [[Modèle:Onglets libres|Onglets libres]] | URL-1 = Modèle:Onglets libres | 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
- 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
- Code simplifié pour l'exemple
[ . . . ] |color = 264D00 |fond-onglet = EEFBFF |bordure= ACC777 |separations = 0 |alignement onglet=center |arrondi=25px [ . . . ]
Voir aussi
- Pour un modèle d'onglets responsive et plus récent, voir : Modèle:Onglets portail
- {{Début des onglets}} et {{Fin des onglets}}, modèle similaire avec un éventuel pied de page « Page suivante ».
- {{Onglet}} et {{Onglet2}} pour les programmeurs de modèles.
- Aide:Onglets
Aucune description.
Paramètre | Description | Type | État | |
---|---|---|---|---|
degrade | degrade | aucune description | Inconnu | facultatif |
type degrade | type degrade | aucune description | Inconnu | facultatif |
taillebordure | taillebordure | aucune description | Inconnu | facultatif |
bordure | bordure | aucune description | Inconnu | facultatif |
fond-onglet | fond-onglet | aucune description | Inconnu | facultatif |
arrondi | arrondi | aucune description | Inconnu | facultatif |
Onglet-1-texte | Onglet-1-texte | aucune description | Inconnu | facultatif |
Onglet 1 | onglet-1 | aucune description | Inconnu | obligatoire |
Onglet 1 lien | Onglet 1 lien | aucune description | Inconnu | facultatif |
Image-1 | Image-1 | aucune description | Inconnu | facultatif |
URL-1 | URL-1 | aucune description | Inconnu | facultatif |
Onglet-2-texte | Onglet-2-texte | aucune description | Inconnu | facultatif |
Onglet 2 | onglet-2 | aucune description | Inconnu | obligatoire |
Onglet-3-texte | Onglet-3-texte | aucune description | Inconnu | facultatif |
Onglet 3 | onglet-3 | aucune description | Inconnu | obligatoire |
Onglet-4-texte | Onglet-4-texte | aucune description | Inconnu | facultatif |
Onglet 4 | onglet-4 | aucune description | Inconnu | obligatoire |
Onglet-5-texte | Onglet-5-texte | aucune description | Inconnu | facultatif |
Onglet-5 | Onglet-5 | aucune description | Inconnu | facultatif |
Onglet-6-texte | Onglet-6-texte | aucune description | Inconnu | facultatif |
Onglet-6 | Onglet-6 | aucune description | Inconnu | facultatif |
Onglet-7-texte | Onglet-7-texte | aucune description | Inconnu | facultatif |
Onglet-7 | Onglet-7 | aucune description | Inconnu | facultatif |
Onglet-8-texte | Onglet-8-texte | aucune description | Inconnu | facultatif |
Onglet-8 | Onglet-8 | aucune description | Inconnu | facultatif |
color | color | aucune description | Inconnu | facultatif |
alignement onglet | alignement onglet | aucune description | Inconnu | facultatif |
Onglet-2-lien | Onglet-2-lien | aucune description | Inconnu | facultatif |
Image-2 | Image-2 | aucune description | Inconnu | facultatif |
URL-2 | URL-2 | aucune description | Inconnu | facultatif |
separations | separations | aucune description | Inconnu | facultatif |
tailleseparations | tailleseparations | aucune description | Inconnu | facultatif |
Onglet-3-lien | Onglet-3-lien | aucune description | Inconnu | facultatif |
Image-3 | Image-3 | aucune description | Inconnu | facultatif |
URL-3 | URL-3 | aucune description | Inconnu | facultatif |
Onglet-4-lien | Onglet-4-lien | aucune description | Inconnu | facultatif |
Image-4 | Image-4 | aucune description | Inconnu | facultatif |
URL-4 | URL-4 | aucune description | Inconnu | facultatif |
Onglet-5-lien | Onglet-5-lien | aucune description | Inconnu | facultatif |
Image-5 | Image-5 | aucune description | Inconnu | facultatif |
URL-5 | URL-5 | aucune description | Inconnu | facultatif |
Onglet-6-lien | Onglet-6-lien | aucune description | Inconnu | facultatif |
Image-6 | Image-6 | aucune description | Inconnu | facultatif |
URL-6 | URL-6 | aucune description | Inconnu | facultatif |
Onglet-7-lien | Onglet-7-lien | aucune description | Inconnu | facultatif |
Image-7 | Image-7 | aucune description | Inconnu | facultatif |
URL-7 | URL-7 | aucune description | Inconnu | facultatif |
Onglet-8-lien | Onglet-8-lien | aucune description | Inconnu | facultatif |
Image-8 | Image-8 | aucune description | Inconnu | facultatif |
URL-8 | URL-8 | aucune description | Inconnu | facultatif |
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 (modifier) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.