Templat: Tabbed: Perbedaan antara revisi

← Revisi sebelumnya Revisi selanjutnya →

Revisi per 18 Juni 2010 14.55

Dokumentasi templat

[lihat] [sunting] [riwayat] [hapus singgahan]

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

@@ Baris 192: / Baris 192: @@
 <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: .25em 1em .25em 1em;">
-<div class="_toggle {{{tabclass|tabb}}}1 {{{tabclass|tabb}}}1y">{{{isitab1|Ini adalah isi dari Tab pertama}}}</div>
-<div class="_toggle {{{tabclass|tabb}}}2 {{{tabclass|tabb}}}2y" style="display:none;">{{{isitab2|Ini adalah isi dari Tab kedua}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}1 {{{tabclass|tabb}}}1y">
-<div class="_toggle {{{tabclass|tabb}}}3 {{{tabclass|tabb}}}3y" style="display:none;">{{{isitab3|Ini adalah isi dari Tab ketiga}}}</div>
+{{{isitab1|Ini adalah isi dari Tab pertama}}}</div>
-<div class="_toggle {{{tabclass|tabb}}}4 {{{tabclass|tabb}}}4y" style="display:none;">{{{isitab4|Ini adalah isi dari Tab keempat}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}2 {{{tabclass|tabb}}}2y" style="display:none;">
-<div class="_toggle {{{tabclass|tabb}}}5 {{{tabclass|tabb}}}5y" style="display:none;">{{{isitab5|Ini adalah isi dari Tab kelima}}}</div>
+{{{isitab2|Ini adalah isi dari Tab kedua}}}</div>
-<div class="_toggle {{{tabclass|tabb}}}6 {{{tabclass|tabb}}}6y" style="display:none;">{{{isitab6|Ini adalah isi dari Tab keenam}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}3 {{{tabclass|tabb}}}3y" style="display:none;">
-<div class="_toggle {{{tabclass|tabb}}}7 {{{tabclass|tabb}}}7y" style="display:none;">{{{isitab7|Ini adalah isi dari Tab ketujuh}}}</div>
+{{{isitab3|Ini adalah isi dari Tab ketiga}}}</div>
-<div class="_toggle {{{tabclass|tabb}}}8 {{{tabclass|tabb}}}8y" style="display:none;">{{{isitab8|Ini adalah isi dari Tab kedelapan}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}4 {{{tabclass|tabb}}}4y" style="display:none;">
-<div class="_toggle {{{tabclass|tabb}}}9 {{{tabclass|tabb}}}9y" style="display:none;">{{{isitab9|Ini adalah isi dari Tab kesembilan}}}</div>
+{{{isitab4|Ini adalah isi dari Tab keempat}}}</div>
-<div class="_toggle {{{tabclass|tabb}}}10 {{{tabclass|tabb}}}10y" style="display:none;">{{{isitab10|Ini adalah isi dari Tab kesepuluh}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}5 {{{tabclass|tabb}}}5y" style="display:none;">
+{{{isitab5|Ini adalah isi dari Tab kelima}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}6 {{{tabclass|tabb}}}6y" style="display:none;">
+{{{isitab6|Ini adalah isi dari Tab keenam}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}7 {{{tabclass|tabb}}}7y" style="display:none;">
+{{{isitab7|Ini adalah isi dari Tab ketujuh}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}8 {{{tabclass|tabb}}}8y" style="display:none;">
+{{{isitab8|Ini adalah isi dari Tab kedelapan}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}9 {{{tabclass|tabb}}}9y" style="display:none;">
+{{{isitab9|Ini adalah isi dari Tab kesembilan}}}</div>
+<div class="_toggle {{{tabclass|tabb}}}10 {{{tabclass|tabb}}}10y" style="display:none;">
+{{{isitab10|Ini adalah isi dari Tab kesepuluh}}}</div>
 </td>
 </tr>