Template:Tabber/doc: Difference between revisions
no edit summary
m (Ritsu moved page Doc:Template:Tabber to Template:Tabber/doc) |
No edit summary |
||
| Line 27: | Line 27: | ||
<pre> | <pre> | ||
{{Tabber | {{Tabber | ||
|Orange=Content of tab 1 | |Orange=Content of tab 1 | ||
|Banana=Content of tab 2 | |Banana=Content of tab 2 | ||
| Line 36: | Line 35: | ||
'''Result''': | '''Result''': | ||
{{Tabber | {{Tabber | ||
|Orange=Content of tab 1 | |Orange=Content of tab 1 | ||
|Banana=Content of tab 2 | |Banana=Content of tab 2 | ||
| Line 44: | Line 42: | ||
[[File:Icon - Info.png|20px]] '''Tip''': Nested tabs are also supported. Using '''tabber-border''' in '''$divclass''' recommended. | [[File:Icon - Info.png|20px]] '''Tip''': Nested tabs are also supported. Using '''tabber-border''' in '''$divclass''' recommended. | ||
{{Tabber | |||
<pre><nowiki>{{Tabber | |||
|$divclass=tabber-border | |$divclass=tabber-border | ||
|Tab 1= | |Tab 1= | ||
| Line 50: | Line 49: | ||
|Tab 1=Content of tab 1 | |Tab 1=Content of tab 1 | ||
|Tab 2=Content of tab 2 | |Tab 2=Content of tab 2 | ||
}} | }} | ||
|Tab 2=Content of tab 2 | |Tab 2=Content of tab 2 | ||
|Tab | }}</nowiki></pre> | ||
'''Result:''' | |||
{{Tabber | |||
|$divclass=tabber-border | |||
|Tab 1= | |||
{{Tabber | {{Tabber | ||
|Tab 1=Content of tab 1 | |Tab 1=Content of tab 1 | ||
|Tab 2=Content of tab 2 | |Tab 2=Content of tab 2 | ||
}} | }} | ||
|Tab | |Tab 2=Content of tab 2 | ||
}} | }} | ||
[[File:Icon - Warning.png|20px]] '''Warning''': Templates do not work well with tables and other templates, but there is a workaround for that. Before providing the parameter's value that contains MediaWiki markup, use <code><nowiki><dfn>{{</dfn></nowiki></code> and insert <code><nowiki><dfn>}}</dfn></nowiki></code> at the end of the parameter's value. Using it is not required until you notice that something breaks. | [[File:Icon - Warning.png|20px]] '''Warning''': Templates do not work well with tables and other templates, but there is a workaround for that. Before providing the parameter's value that contains MediaWiki markup, use <code><nowiki><dfn>{{</dfn></nowiki></code> and insert <code><nowiki><dfn>}}</dfn></nowiki></code> at the end of the parameter's value. Using it is not required until you notice that something breaks. | ||
Use like so: | Use like so: | ||
<pre> | <pre> | ||
<nowiki>{{Tabber | <nowiki>{{Tabber | ||
|$divclass= | |$divclass=tabber-vertical | ||
|Tab 1=<dfn>{{</dfn> | |Tab 1=<dfn>{{</dfn> | ||
{| class="wikitable" | {| class="wikitable" | ||
| Line 101: | Line 85: | ||
}}</nowiki></pre> | }}</nowiki></pre> | ||
'''Result:''' | |||
{{Tabber | {{Tabber | ||
|$divclass=tabber-vertical | |$divclass=tabber-vertical | ||
|Tab 1=<dfn>{{</dfn> | |Tab 1=<dfn>{{</dfn> | ||
{| class="wikitable" | {| class="wikitable" | ||
| Line 117: | Line 101: | ||
|} | |} | ||
<dfn>}}</dfn> | <dfn>}}</dfn> | ||
|Tab 2=<dfn>{{</dfn> | |Tab 2=Content of tab 2 | ||
}} | |||
[[File:Icon - Info.png|20px]] '''Tip''': You can also style tabs with a similar design to the one that appears in-game when setting the '''$divclass''' parameter to '''fancy'''. Also recommended: '''tabber-vertical'''. | |||
<pre><nowiki>{{Tabber | |||
|$divclass=tabber-vertical fancy | |||
|Latin=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | |||
|Fruits=<dfn>{{</dfn> | |||
{| class="wikitable" | {| class="wikitable" | ||
|'''Orange''' | |'''Orange''' | ||
| Line 129: | Line 120: | ||
|} | |} | ||
<dfn>}}</dfn> | <dfn>}}</dfn> | ||
| | }}</nowiki></pre> | ||
'''Result:''' | |||
{{Tabber | |||
|$divclass=tabber-vertical fancy | |||
|Latin=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | |||
|Fruits=<dfn>{{</dfn> | |||
{| class="wikitable" | {| class="wikitable" | ||
|'''Orange''' | |'''Orange''' | ||
|'''Apple''' | |'''Apple''' | ||
|- | |- | ||
| | |Apple | ||
| | |Grapes | ||
|- | |- | ||
| | |Avocado | ||
| | |Pineapples | ||
|} | |} | ||
<dfn>}}</dfn> | <dfn>}}</dfn> | ||
}} | }} | ||