Template:Tab top/doc View history

Revision as of 14:26, 30 September 2014

This is a documentation subpage for Template:Tab top.
It contains usage information, categories and other content that is not part of the original template page.

This template provides a tabbed interface to navigate between the core/main sections of a set of articles. This will result in displaying a menu of tabs for linking different pages. Up to 9 tabs can be specified. Whichever tab is the current page is automatically detected and the specified tab is presented with a different style.

Usage

{{Tab top
 | Tab-1 = 
 | URL-1 = 
 | Image-1 = 
 | tab background-1 = 
 | Tab-2 = 
 | URL-2 = 
 | Image-2 = 
 | tab background-2 = 
etc...
 | Tab-9 = 
 | URL-9 = 
 | Image-9 = 
 | tab background-9 = 
 | tab align = left, center, right
 | frame background = 
 | tab background = 
 | border = 
 | rounding = 
 | asym = 

 | 
}}

Parameters

Tab-n

Caption to display in tab #n. required for each tab to be displayed. use |Tab-n=Title for tab #n.

URL-n

wiki link (thus, not an external URL) to the destination page to be reached if the tab #n is selected. required for each displayed tab. use |URL-n=wiki link to the associated page for tav #n.

Image-n

Optional. Name of optional image (set to 20px) to place next to tab title. Use |Image-n=Name of the picture as stored in the wiki if you want to add a small picture in the tab.

tab background-n

Optional. Color (either a named color or an Hex triplet) of the associated tab. If not specified, either the specified background parameter or the default built-in color is used. Use |tab background-n=color name or Hex triplet if you want to specify a dedicated color for this specific tab.

tab align

Optional. Text alignment in the tab boxes. It could be left, center or right. If not specified, the default alignment is center. Use |tab align=left or center or right if you want to specify a text alignment into the tab boxes.

frame background

Optional. Color (either a named color or an Hex triplet) of the selected tab and its body. If not specified, the default color is transparent. Use |frame background=color name or Hex triplet if you want to specify a color for the selected tab and its body.

tab background

Optional. Default color (either a named color or an Hex triplet) of each non-selected tab. If not specified, the default color is skyblue . If a tab get its own background color (tab background-n parameter set) then this last one prevails for this tab. Use |tab background=color name or Hex triplet if you want to specify a default color for the non-selected tabs.

border

Optional. Color (either a named color or an Hex triplet) of the tabbed interface borders. If not specified, the default color is #87CEEB . Use |border=color name or Hex triplet if you want to specify a color for the borders.

rounding

Optional. Add rounding effect to edges of tab boxes. If not specified, the tab boxes are square and slightly separated. Use |rounding=numeric value to specify the radius (in px) of the rounded edges.

asym

Optional. useful only if rounding parameter is set. Add an asymmetric rounding effect by applying a coefficient on the radius of the left corner only. If not specified, the tab boxes are symmetrically rounded. Use |asym=numeric value to specify coefficient to apply.

Exemples

Consultez la page Template:Modification en cours/Exemples pour voir les différents rendus de l'encart en fonction des combinaisons de paramètres.

Où ce Modèle est-il utilisé

Vous pouvez consulter la liste des pages du wiki qui utilisent ce modèle en suivant ce lien.

Catégorisation

Ce Modèle ajoute automatiquement la Category:Modification en cours à la page où il est utilisé pour permettre un suivi des travaux.

@@ Line 18: / Line 18: @@
   | Image-9 =
   | tab background-9 =
+ | tab align = left, center, right
   | frame background =
   | tab background =
@@ Line 23: / Line 24: @@
   | rounding =
   | asym =
- | tab align = left, center, right
   |
 }}
@@ Line 42: / Line 43: @@
 :Optional. Color (either a named color or an Hex triplet) of the associated tab. If not specified, either the specified background parameter or the default built-in color is used. Use {{para|<var>tab background-n</var>|<var>color name or Hex triplet</var>}} if you want to specify a dedicated color for this specific tab.
+'''tab align'''
+:Optional. Text alignment in the tab boxes. It could be left, center or right. If not specified, the default alignment is center. Use {{para|<var>tab align</var>|<var>left or center or right</var>}} if you want to specify a text alignment into the tab boxes.
+'''frame background'''
+:Optional. Color (either a named color or an Hex triplet) of the selected tab and its body. If not specified, the default color is ''transparent''. Use {{para|<var>frame background</var>|<var>color name or Hex triplet</var>}} if you want to specify a color for the selected tab and its body.
 '''tab background'''
 :Optional. Default color (either a named color or an Hex triplet) of each non-selected tab. If not specified, the default color is <span style="background-color:skyblue">''skyblue''</span> . If a tab get its own background color (''tab background-n'' parameter set) then this last one prevails for this tab. Use {{para|<var>tab background</var>|<var>color name or Hex triplet</var>}} if you want to specify a default color for the non-selected tabs.
@@ Line 48: / Line 54: @@
 :Optional. Color (either a named color or an Hex triplet) of the tabbed interface borders. If not specified, the default color is <span style="background-color:#87CEEB">''#87CEEB''</span> . Use {{para|<var>border</var>|<var>color name or Hex triplet</var>}} if you want to specify a color for the borders.
+'''rounding'''
+:Optional. Add rounding effect to edges of tab boxes. If not specified, the tab boxes are square and slightly separated. Use {{para|<var>rounding</var>|<var>numeric value</var>}} to specify the radius (in px) of the rounded edges.
+'''asym'''
+:Optional. useful only if ''rounding'' parameter is set. Add an asymmetric rounding effect by applying a coefficient on the radius of the left corner only. If not specified, the tab boxes are symmetrically rounded. Use {{para|<var>asym</var>|<var>numeric value</var>}} to specify coefficient to apply.
 == Exemples ==