Templat: Tabbed: Perbedaan antara revisi

Dari GBI Danau Bogor Raya
Lompat ke: navigasi, cari
← Revisi sebelumnyaRevisi selanjutnya →
VisualTeks wiki
Leo (bicara | kontrib)
Developer, Editor, Birokrat, deleteperm, developer, Pengurus antarmuka, maintenanceshell, Pengawas, Administrator
62.125 suntingan
k baru
Leo (bicara | kontrib)
Developer, Editor, Birokrat, deleteperm, developer, Pengurus antarmuka, maintenanceshell, Pengawas, Administrator
62.125 suntingan
k test
Baris 5: Baris 5:
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; padding-left: .25em; width:1%;"></td>
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; padding-left: .25em; width:1%;"></td>


<td class="_toggle tabb1 tabb1w _toggler-tabb1
<td class="_toggle {{{tabclass|tabb}}}1 {{{tabclass|tabb}}}1w _toggler-{{{tabclass|tabb}}}1
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; display:none; width:1%;">{{{tab1|Tab-1}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; display:none; width:1%;">{{{tab1|Tab-1}}}</td>


<td class="_toggle tabb1 tabb1y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; width:1%;">{{{tab1|Tab-1}}}</td>
<td class="_toggle {{{tabclass|tabb}}}1 {{{tabclass|tabb}}}1y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; width:1%;">{{{tab1|Tab-1}}}</td>


{{#ifexpr: {{{tabcount|10}}}>=2 |
{{#ifexpr: {{{tabcount|10}}}>=2 |
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; padding-left: .25em; width:1%;"></td>
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; padding-left: .25em; width:1%;"></td>


<td class="_toggle tabb2 tabb2w _toggler-tabb2
<td class="_toggle {{{tabclass|tabb}}}2 {{{tabclass|tabb}}}2w _toggler-{{{tabclass|tabb}}}2
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab2|Tab-2}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab2|Tab-2}}}</td>
<td class="_toggle tabb2 tabb2y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab2|Tab-2}}}</td>
<td class="_toggle {{{tabclass|tabb}}}2 {{{tabclass|tabb}}}2y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab2|Tab-2}}}</td>
}}<!--
}}<!--


Baris 42: Baris 42:


<td
<td
class="_toggle tabb3 tabb3w _toggler-tabb3
class="_toggle {{{tabclass|tabb}}}3 {{{tabclass|tabb}}}3w _toggler-{{{tabclass|tabb}}}3
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab3|Tab-3}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab3|Tab-3}}}</td>
<td class="_toggle tabb3 tabb3y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab3|Tab-3}}}</td>
<td class="_toggle {{{tabclass|tabb}}}3 {{{tabclass|tabb}}}3y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab3|Tab-3}}}</td>
}}<!--
}}<!--


Baris 61: Baris 61:


<td
<td
class="_toggle tabb4 tabb4w _toggler-tabb4
class="_toggle {{{tabclass|tabb}}}4 {{{tabclass|tabb}}}4w _toggler-{{{tabclass|tabb}}}4
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab4|Tab-4}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab4|Tab-4}}}</td>
<td class="_toggle tabb4 tabb4y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab4|Tab-4}}}</td>
<td class="_toggle {{{tabclass|tabb}}}4 {{{tabclass|tabb}}}4y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab4|Tab-4}}}</td>
}}<!--
}}<!--


Baris 80: Baris 80:


<td
<td
class="_toggle tabb5 tabb5w _toggler-tabb5
class="_toggle {{{tabclass|tabb}}}5 {{{tabclass|tabb}}}5w _toggler-{{{tabclass|tabb}}}5
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab5|Tab-5}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab5|Tab-5}}}</td>
<td class="_toggle tabb5 tabb5y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab5|Tab-5}}}</td>
<td class="_toggle {{{tabclass|tabb}}}5 {{{tabclass|tabb}}}5y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab5|Tab-5}}}</td>
}}<!--
}}<!--


Baris 99: Baris 99:


<td
<td
class="_toggle tabb6 tabb6w _toggler-tabb6
class="_toggle {{{tabclass|tabb}}}6 {{{tabclass|tabb}}}6w _toggler-{{{tabclass|tabb}}}6
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab6|Tab-6}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab6|Tab-6}}}</td>
<td class="_toggle tabb6 tabb6y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab6|Tab-6}}}</td>
<td class="_toggle {{{tabclass|tabb}}}6 {{{tabclass|tabb}}}6y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab6|Tab-6}}}</td>
}}<!--
}}<!--


Baris 118: Baris 118:


<td
<td
class="_toggle tabb7 tabb7w _toggler-tabb7
class="_toggle {{{tabclass|tabb}}}7 {{{tabclass|tabb}}}7w _toggler-{{{tabclass|tabb}}}7
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab7|Tab-7}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab7|Tab-7}}}</td>
<td class="_toggle tabb7 tabb7y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab7|Tab-7}}}</td>
<td class="_toggle {{{tabclass|tabb}}}7 {{{tabclass|tabb}}}7y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab7|Tab-7}}}</td>
}}<!--
}}<!--


Baris 137: Baris 137:


<td
<td
class="_toggle tabb8 tabb8w _toggler-tabb8
class="_toggle {{{tabclass|tabb}}}8 {{{tabclass|tabb}}}8w _toggler-{{{tabclass|tabb}}}8
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab8|Tab-8}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab8|Tab-8}}}</td>
<td class="_toggle tabb8 tabb8y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab8|Tab-8}}}</td>
<td class="_toggle {{{tabclass|tabb}}}8 {{{tabclass|tabb}}}8y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab8|Tab-8}}}</td>
}}<!--
}}<!--


Baris 156: Baris 156:


<td
<td
class="_toggle tabb9 tabb9w _toggler-tabb9
class="_toggle {{{tabclass|tabb}}}9 {{{tabclass|tabb}}}9w _toggler-{{{tabclass|tabb}}}9
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb10y _toggler_show-tabb10w
_toggler_hide-{{{tabclass|tabb}}}10y _toggler_show-{{{tabclass|tabb}}}10w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab9|Tab-9}}}</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab9|Tab-9}}}</td>
<td class="_toggle tabb9 tabb9y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab9|Tab-9}}}</td>
<td class="_toggle {{{tabclass|tabb}}}9 {{{tabclass|tabb}}}9y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab9|Tab-9}}}</td>
}}<!--
}}<!--


Baris 175: Baris 175:


<td
<td
class="_toggle tabb10 tabb10w _toggler-tabb10
class="_toggle {{{tabclass|tabb}}}10 {{{tabclass|tabb}}}10w _toggler-{{{tabclass|tabb}}}10
_toggler_hide-tabb1y _toggler_show-tabb1w
_toggler_hide-{{{tabclass|tabb}}}1y _toggler_show-{{{tabclass|tabb}}}1w
_toggler_hide-tabb2y _toggler_show-tabb2w
_toggler_hide-{{{tabclass|tabb}}}2y _toggler_show-{{{tabclass|tabb}}}2w
_toggler_hide-tabb3y _toggler_show-tabb3w
_toggler_hide-{{{tabclass|tabb}}}3y _toggler_show-{{{tabclass|tabb}}}3w
_toggler_hide-tabb4y _toggler_show-tabb4w
_toggler_hide-{{{tabclass|tabb}}}4y _toggler_show-{{{tabclass|tabb}}}4w
_toggler_hide-tabb5y _toggler_show-tabb5w
_toggler_hide-{{{tabclass|tabb}}}5y _toggler_show-{{{tabclass|tabb}}}5w
_toggler_hide-tabb6y _toggler_show-tabb6w
_toggler_hide-{{{tabclass|tabb}}}6y _toggler_show-{{{tabclass|tabb}}}6w
_toggler_hide-tabb7y _toggler_show-tabb7w
_toggler_hide-{{{tabclass|tabb}}}7y _toggler_show-{{{tabclass|tabb}}}7w
_toggler_hide-tabb8y _toggler_show-tabb8w
_toggler_hide-{{{tabclass|tabb}}}8y _toggler_show-{{{tabclass|tabb}}}8w
_toggler_hide-tabb9y _toggler_show-tabb9w
_toggler_hide-{{{tabclass|tabb}}}9y _toggler_show-{{{tabclass|tabb}}}9w
"
"
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab1|Tab-1}}}0</td>
style="padding: .25em .5em .25em .5em; background:{{{offcolor|#fafafa}}}; border:{{{borderstyles|1px #aaa solid}}}; width:1%;">{{{tab1|Tab-1}}}0</td>
<td class="_toggle tabb10 tabb10y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab1|Tab-1}}}0</td>
<td class="_toggle {{{tabclass|tabb}}}10 {{{tabclass|tabb}}}10y " style="padding: .25em .5em .25em .5em; background:{{{oncolor|white}}}; font-weight:bold; border:{{{borderstyles|1px #aaa solid}}}; border-bottom:none; display:none; width:1%;">{{{tab1|Tab-1}}}0</td>
}}
}}
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; width:100%;"></td>
<td style="border-bottom:{{{borderstyles|1px #aaa solid}}}; width:100%;"></td>
Baris 193: Baris 193:
<tr>
<tr>
<td colspan="21" style="background:{{{oncolor|white}}}; border:{{{borderstyles|1px #aaa solid}}}; border-top:none; padding: 1em 1em 1em 1em;">
<td colspan="21" style="background:{{{oncolor|white}}}; border:{{{borderstyles|1px #aaa solid}}}; border-top:none; padding: 1em 1em 1em 1em;">
<div class="_toggle tabb1 tabb1y">{{{isitab1|Ini adalah isi dari Tab pertama}}}</div>
<div class="_toggle {{{tabclass|tabb}}}1 {{{tabclass|tabb}}}1y">{{{isitab1|Ini adalah isi dari Tab pertama}}}</div>
<div class="_toggle tabb2 tabb2y" style="display:none;">{{{isitab2|Ini adalah isi dari Tab kedua}}}</div>
<div class="_toggle {{{tabclass|tabb}}}2 {{{tabclass|tabb}}}2y" style="display:none;">{{{isitab2|Ini adalah isi dari Tab kedua}}}</div>
<div class="_toggle tabb3 tabb3y" style="display:none;">{{{isitab3|Ini adalah isi dari Tab ketiga}}}</div>
<div class="_toggle {{{tabclass|tabb}}}3 {{{tabclass|tabb}}}3y" style="display:none;">{{{isitab3|Ini adalah isi dari Tab ketiga}}}</div>
<div class="_toggle tabb4 tabb4y" style="display:none;">{{{isitab4|Ini adalah isi dari Tab keempat}}}</div>
<div class="_toggle {{{tabclass|tabb}}}4 {{{tabclass|tabb}}}4y" style="display:none;">{{{isitab4|Ini adalah isi dari Tab keempat}}}</div>
<div class="_toggle tabb5 tabb5y" style="display:none;">{{{isitab5|Ini adalah isi dari Tab kelima}}}</div>
<div class="_toggle {{{tabclass|tabb}}}5 {{{tabclass|tabb}}}5y" style="display:none;">{{{isitab5|Ini adalah isi dari Tab kelima}}}</div>
<div class="_toggle tabb6 tabb6y" style="display:none;">{{{isitab6|Ini adalah isi dari Tab keenam}}}</div>
<div class="_toggle {{{tabclass|tabb}}}6 {{{tabclass|tabb}}}6y" style="display:none;">{{{isitab6|Ini adalah isi dari Tab keenam}}}</div>
<div class="_toggle tabb7 tabb7y" style="display:none;">{{{isitab7|Ini adalah isi dari Tab ketujuh}}}</div>
<div class="_toggle {{{tabclass|tabb}}}7 {{{tabclass|tabb}}}7y" style="display:none;">{{{isitab7|Ini adalah isi dari Tab ketujuh}}}</div>
<div class="_toggle tabb8 tabb8y" style="display:none;">{{{isitab8|Ini adalah isi dari Tab kedelapan}}}</div>
<div class="_toggle {{{tabclass|tabb}}}8 {{{tabclass|tabb}}}8y" style="display:none;">{{{isitab8|Ini adalah isi dari Tab kedelapan}}}</div>
<div class="_toggle tabb9 tabb9y" style="display:none;">{{{isitab9|Ini adalah isi dari Tab kesembilan}}}</div>
<div class="_toggle {{{tabclass|tabb}}}9 {{{tabclass|tabb}}}9y" style="display:none;">{{{isitab9|Ini adalah isi dari Tab kesembilan}}}</div>
<div class="_toggle tabb10 tabb10y" style="display:none;">{{{isitab10|Ini adalah isi dari Tab kesepuluh}}}</div>
<div class="_toggle {{{tabclass|tabb}}}10 {{{tabclass|tabb}}}10y" style="display:none;">{{{isitab10|Ini adalah isi dari Tab kesepuluh}}}</div>
</td>
</td>
</tr>
</tr>

Revisi per 18 Juni 2010 14.38

Dokumentasi templat

Parameter

{{tabbed
 | tabclass =
 | tabcount = 
 | borderstyles = 
 | offcolor = 
 | oncolor = 

 | tabstyle = 
 | isistyle = 

 | tab1 = 
 | tab2 = 
 | tab3 = 
 | tab4 = 
 | tab5 = 
 | tab6 = 
 | tab7 = 
 | tab8 = 
 | tab9 = 
 | tab10= 

 | isitab1 = 
 | isitab2 = 
 | isitab3 = 
 | isitab4 = 
 | isitab5 = 
 | isitab6 = 
 | isitab7 = 
 | isitab8 = 
 | isitab9 = 
 | isitab10= 

}}

Pemakaian

  • tabclass: identitas spesifik sebagai prefiks kelas tab yang digunakan. Default: tabb. Bisa diisi apa saja.
  • tabcount: jumlah tab yang diinginkan, diisi dengan 1-10. Default: 10.
  • borderstyles: style CSS untuk border
  • offcolor: warna tab/isitab yang tidak aktif
  • oncolor: warna tab/isitab yang sedang aktif
  • tab1-10: nama tab yang bersangkutan
  • isitab1-10: isi dari tab

Contoh

Kode Hasil tampilan 
{{tabbed
 | tabcount=3
 | tab1=Kota Bogor
 | tab2=Kabupaten Bogor
 | tab3=Internasional

 | isitab1 = Daftar jemaat di kota Bogor:
* Danau Bogor Raya
* Jalan Sudirman
* Jalan Siliwangi
* Warung Jambu
* Bukit Cimanggu City
* dan lain-lain

 | isitab2 = Daftar jemaat di kabupaten Bogor:
* Cibinong
* Gunung Putri
* Sukabumi
* Cianjur
* dan lain-lain

 | isitab3 = Daftar jemaat di negara lain:
* Groningen, Belanda
* Dordrecht, Belanda
* Kelantan, Malaysia
}}
Kota Bogor Kabupaten Bogor Internasional
Daftar jemaat di kota Bogor:
  • Danau Bogor Raya
  • Jalan Sudirman
  • Jalan Siliwangi
  • Warung Jambu
  • Bukit Cimanggu City
  • dan lain-lain
Dokumentasi di atas ditransklusikan dari Templat:Tabbed/doc. (sunting | riwayat)
Penyunting dapat melakukan uji coba pada halaman bak pasir (buat | cermin) dan kasus uji (buat) templat ini.
Mohon tambahkan kategori pada subhalaman /doc. Subhalaman templat ini
Diperoleh dari "https://dbr.gbi-bogor.org/w/index.php?title=Templat:Tabbed&oldid=4240"