Modèle:Onglets libres/Bac à sable

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

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 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

Minimaliste (paramètres par défaut)

Code

{{Onglets libres
 | Onglet-1 = [[Modèle:Onglets libres/Bac à sable|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/Bac à sable|Onglets libres]]
 | URL-1    = Modèle:Onglets libres/Bac à sable
 | 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ètres du modèle[Modifier les données du modèle]

La mise en forme multiligne est préférée pour ce modèle.

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.