Aller au contenu

Modèle:Onglets libres/Bac à sable

Une page de Wikipédia, l'encyclopédie libre.
 Documentation[voir] [modifier] [historique] [purger]

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

[modifier le code]
  • Le nombre maximum d'onglets est de 8.
    • Onglet-numéro = Nom / titre, liens de l'onglet (Obligatoire)
      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 )

Minimaliste (paramètres par défaut)

[modifier le code]
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

[modifier le code]
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

[modifier le code]
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 le code]
Code simplifié pour l'exemple
 [ . . . ]
|color = 264D00
|fond-onglet = EEFBFF
|bordure= ACC777
|separations = 0
|alignement onglet=center
|arrondi=25px
[ . . . ]

Voir aussi

[modifier le code]

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ètreDescriptionTypeÉtat
degradedegrade

aucune description

Inconnufacultatif
type degradetype degrade

aucune description

Inconnufacultatif
tailleborduretaillebordure

aucune description

Inconnufacultatif
bordurebordure

aucune description

Inconnufacultatif
fond-ongletfond-onglet

aucune description

Inconnufacultatif
arrondiarrondi

aucune description

Inconnufacultatif
Onglet-1-texteOnglet-1-texte

aucune description

Inconnufacultatif
Onglet 1onglet-1

aucune description

Inconnuobligatoire
Onglet 1 lienOnglet 1 lien

aucune description

Inconnufacultatif
Image-1Image-1

aucune description

Inconnufacultatif
URL-1URL-1

aucune description

Inconnufacultatif
Onglet-2-texteOnglet-2-texte

aucune description

Inconnufacultatif
Onglet 2onglet-2

aucune description

Inconnuobligatoire
Onglet-3-texteOnglet-3-texte

aucune description

Inconnufacultatif
Onglet 3onglet-3

aucune description

Inconnuobligatoire
Onglet-4-texteOnglet-4-texte

aucune description

Inconnufacultatif
Onglet 4onglet-4

aucune description

Inconnuobligatoire
Onglet-5-texteOnglet-5-texte

aucune description

Inconnufacultatif
Onglet-5Onglet-5

aucune description

Inconnufacultatif
Onglet-6-texteOnglet-6-texte

aucune description

Inconnufacultatif
Onglet-6Onglet-6

aucune description

Inconnufacultatif
Onglet-7-texteOnglet-7-texte

aucune description

Inconnufacultatif
Onglet-7Onglet-7

aucune description

Inconnufacultatif
Onglet-8-texteOnglet-8-texte

aucune description

Inconnufacultatif
Onglet-8Onglet-8

aucune description

Inconnufacultatif
colorcolor

aucune description

Inconnufacultatif
alignement ongletalignement onglet

aucune description

Inconnufacultatif
Onglet-2-lienOnglet-2-lien

aucune description

Inconnufacultatif
Image-2Image-2

aucune description

Inconnufacultatif
URL-2URL-2

aucune description

Inconnufacultatif
separationsseparations

aucune description

Inconnufacultatif
tailleseparationstailleseparations

aucune description

Inconnufacultatif
Onglet-3-lienOnglet-3-lien

aucune description

Inconnufacultatif
Image-3Image-3

aucune description

Inconnufacultatif
URL-3URL-3

aucune description

Inconnufacultatif
Onglet-4-lienOnglet-4-lien

aucune description

Inconnufacultatif
Image-4Image-4

aucune description

Inconnufacultatif
URL-4URL-4

aucune description

Inconnufacultatif
Onglet-5-lienOnglet-5-lien

aucune description

Inconnufacultatif
Image-5Image-5

aucune description

Inconnufacultatif
URL-5URL-5

aucune description

Inconnufacultatif
Onglet-6-lienOnglet-6-lien

aucune description

Inconnufacultatif
Image-6Image-6

aucune description

Inconnufacultatif
URL-6URL-6

aucune description

Inconnufacultatif
Onglet-7-lienOnglet-7-lien

aucune description

Inconnufacultatif
Image-7Image-7

aucune description

Inconnufacultatif
URL-7URL-7

aucune description

Inconnufacultatif
Onglet-8-lienOnglet-8-lien

aucune description

Inconnufacultatif
Image-8Image-8

aucune description

Inconnufacultatif
URL-8URL-8

aucune description

Inconnufacultatif