Modèle:Cadre à onglets

Une page de Wikipédia, l'encyclopédie libre.

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

Utilisation[modifier le code]

Ce modèle de cadre pour la navigation avec onglets, permet d’avoir rapidement une vue d’ensemble de plusieurs pages. Lors de l’affichage, il charge d’abord toutes la pages des onglets, ce qui permet de naviguer d’un onglet à l’autre sans recharger la page à chaque passage. Il dispose de thèmes simples, et peut afficher jusqu’à neuf onglets (demandez si vous en avez besoin de plus). Aussi, il est possible de choisir l’onglet à afficher lors du chargement. Ce script n'est utilisable que sur les pages d'utilisateur.

Syntaxe simple[modifier le code]

{{Cadre à onglets
 | sel      = 
 | couleur  = 

 | icone1   = 
 | onglet1  = 
 | contenu1 = 

 | icone2   = 
 | onglet2  = 
 | contenu2 = 

 | icone3   = 
 | onglet3  = 
 | contenu3 = 

 | icone4   = 
 | onglet4  = 
 | contenu4 = 

[…]

}}

Paramètres[modifier le code]

sel
onglet de départ lors du chargement.
couleur
différents thèmes préréglés parmi : lilas, vert, bleu, orange, gris, jaune, rouge et violet (par défaut).
icone#
image dans l’onglet, par exemple [[Image:Nuvola apps kcoloredit.svg|16px]].
onglet#
titre de l’onglet.
contenu#
contenu du feuillet.

Syntaxe complète[modifier le code]

{{Cadre à onglets
 | sel      = 
 | couleur  = 
 | couleur des onglets = 

 | thème des boutons = 
 | thème du bouton sélectionné = 

 | couleur du fond = 
 | bordure du cadre = 

 | thème du classeur = 

 | icone1   = 
 | onglet1  = 
 | contenu1 = 

 | icone2   = 
 | onglet2  = 
 | contenu2 = 

[…]

}}

Paramètres avancés[modifier le code]

couleur des onglets
applique l’un des thèmes préréglés aux boutons à la place du thème général, choisir parmi : lilas, vert, bleu, orange, gris, jaune, rouge ou violet.
thème des boutons
style CSS des boutons.
thème du bouton sélectionné
style CSS du bouton sélectionné.
couleur du fond
changer le fond des feuillets.
bordure du cadre
changer la bordure des feuillets.
thème du classeur
style CSS du classeur.

Exemple d’utilisation[modifier le code]

Syntaxe[modifier le code]

{{Cadre à onglets
 | id=0
 | couleur= Violet (défaut)

 | icone1   = [[Image:Nuvola apps korganizer.png|16px]]
 | onglet1  = Bistro du jour
 | contenu1 = '''[[Wikipédia:Le Bistro|Bistro]] du jour''' 
            {{Wikipédia:Le Bistro/{{#time:j F Y|0 days+1hours}}}}

 | icone2   = [[Image:Nuvola apps filetypes.png|16px]]
 | onglet2  = Aide-Mémoire
 | contenu2 = <div>
'''Mon Aide-Mémoire'''
* '''Catégories : [[:Catégorie:Acadie]]''' • [[:Catégorie:Portail:Acadie]] • [[:Catégorie:Modèle Acadie]] • [[:Catégorie:Wikipédia:ébauche Acadie]] • [[:Catégorie:Culture acadienne]] • [[:Catégorie:Géographie de l'Acadie]] • [[:Catégorie:Histoire de l'Acadie]] • [[:Catégorie:Monument de l'Acadie]] • [[:Catégorie:Personnalité acadienne]] • [[:Catégorie:Politique acadienne]] • [[:Catégorie:Établissement acadien]]<br>
* '''Modèles :''' [[Modèle:Portail Acadie]] • [[Modèle:Ébauche Acadie]] • [[Modèle:Subdivisions Nouveau-Brunswick]] • [[Modèle:Subdivisions Nouvelle-Écosse]] • [[Modèle:Subdivisions Île-du-Prince-Édouard]] • [[Modèle:Subdivisions Québec]] • [[Modèle:Subdivisions Terre-Neuve-et-Labrador]]
----
{{Portail:Acadie/Sélection}}
</div>

 | icone3   = [[Image:Nuvola apps package editors.png|16px]]
 | onglet3  = Collaboration
 | contenu3 = '''Extrait du [[Projet:Québec]]'''<br>{{Projet:Québec/Collaboration du mois}}

 | icone4   = [[Image:Nuvola apps kcoloredit.png|16px]]
 | onglet4  = Couleurs
 | contenu4 = '''Extrait du [[Aide:Couleurs]]'''{{Principales couleurs}}

 | icone5   = [[Image:Nuvola apps ktimer.png|16px]]
 | onglet5  = Modifications récentes
 | contenu5 = '''Modifications récentes'''{{Special:Recentchanges}}

 | icone6   = [[Image:Noia 64 apps xeyes.png|16px]]
 | onglet6  = Nouvelles pages
 | contenu6 = '''Nouvelles pages créées'''{{Special:Newpages}}

 | icone7   = [[Image:Nuvola apps kuser.png|16px]]
 | onglet7  = Annonces
 | contenu7 = {{Wikipédia:Accueil/Annonces}}

 | sel=5
}}

Résultat[modifier le code]

Voir aussi[modifier le code]