Fitur baru : Menggambar/Membuat Table, di post

indonesiaindonesia

Administrator
Dari pengalaman selama ini, pada beberapa post kadang dibutuhkan Table agar penempatan isi tulisan pembagian/perbandingan lebih rapih dan mudah dilihat, sekarang member sudah dapat membuat Table di postnya, di Forum atau di halaman Super Wiki




Berikut adalah beberapa contoh table dasar




Table sederhana 2 baris dan 2 kolom

Codenya, copy paste di post anda dan edit sesuai keperluan :
HTML:
[table]border="1"
|-
| Text 1
| Text 2
|-
| Text 3
| Text 4
|-
[/table]


Hasil tampilan :

border="1"
|-
| Text 1
| Text 2
|-
| Text 3
| Text 4
|-




tanda ini |- adalah sudut siku, horizontal dan vertikal pada table
tanda ini | adalah garis horizontal saja pada table

Untuk menambah kolom, tambahkan tanda | lagi, misal dibawah Text 2 dan Text 4
Untuk menambah baris, tambahkan tanda |- dan | lagi, misal dibawah Text 4
dan seterusnya










Table sederhana 3 baris dan 3 kolom

Codenya, copy paste di post anda dan edit sesuai keperluan :
HTML:
[table]border="1"
|-
| Text 1
| Text 2
| Text 3
|-
| Text 4
| Text 5
| Text 6
|-
| Text 7
| Text 8
| Text 9
|-
[/table]


Hasil tampilan :

border="1"
|-
| Text 1
| Text 2
| Text 3
|-
| Text 4
| Text 5
| Text 6
|-
| Text 7
| Text 8
| Text 9
|-






tanda ini |- adalah sudut siku, horizontal dan vertikal pada table
tanda ini | adalah garis horizontal saja pada table

Untuk menambah kolom, tambahkan tanda | lagi, misal dibawah Text 3, Text 6, dan Text 9
Untuk menambah baris, tambahkan tanda |- dan | lagi, misal dibawah Text 9
dan seterusnya













Table sederhana isi 2 baris dan 2 kolom, dengan Header berwarna 1 kolom

Codenya, copy paste di post anda dan edit sesuai keperluan :
HTML:
[table]border="1"
|-
| class="tcat" colspan="2" | Text Header
|-
| Text 1
| Text 2
|-
[/table]


Hasil tampilan :

border="1"
|-
| class="tcat" colspan="2" | Text Header
|-
| Text 1
| Text 2
|-





tanda ini |- adalah sudut siku, horizontal dan vertikal pada table
tanda ini | adalah garis horizontal saja pada table

Untuk menambah kolom, tambahkan tanda | lagi, misal dibawah Text 2
Untuk menambah baris, tambahkan tanda |- dan | lagi, misal dibawah Text 2
dan seterusnya








demikian penulisan table dasar, penggunaan tablenya dapat meningkat seiring penggunaannya pada forum, table yang lebih rumit serta variasinya dapat dicoba dibuat sendiri dan di share di thread ini codenya sebagai contoh
 
wiiih kereen!! misa cobaa ahhh

misii...

TEST 1
border="1"
|-
| class="tcat" colspan="2" | misa-misa
|-
| anak
| warles
|-

TEST 2
border="1"
|-
| class="tcat" colspan="2" |
♪♥misa-misa♥♪​
indonesiaindonesia.com
|-
 
border="1"
|-
| class="tcat" colspan="2" | Megha
|-
| Polwan
| Ganjen
|-


asiikk jadi kalo sekarang bikin tabel bisa lebih mudah
 
misa coba kayak den miki ahh..

border="10"
|-
| class="tcat" colspan="100" | misa_chantik
|-
| mod
| anak
| warles
|-
hoh.. Table bordernya ditambahin jadi "10" om pale, biasanya kan bordernya "1" jadi biasanya tipis sekarang tebel


misa juga udah coba memanfaatkan fungsi table contoh pertama ke postingan misa, disini
lumayan rapi dan terbantu :D
 
misa coba kayak den miki ahh..

border="10"
|-
| class="tcat" colspan="100" | misa_chantik
|-
| mod
| anak
| warles
|-
hoh.. Table bordernya ditambahin jadi "10" om pale, biasanya kan bordernya "1" jadi biasanya tipis sekarang tebel


misa juga udah coba memanfaatkan fungsi table contoh pertama ke postingan misa, disini
lumayan rapi dan terbantu :D

trims ya non infonya nanti aku juga coba deh....
 
Ikutan Nyoba ahh..

border="1"
|-
| class="tcat" align="center" colspan="5" | Nyoba Bikin Table
|-
| align="center" class="tcat" colspan="1" | No
| align="center" class="tcat" colspan="1" | Nama
| align="center" class="tcat" colspan="1" | Alamat
| align="center" class="tcat" colspan="2" | Nilai
|-
| border="0"|
| border="0"|
| border="0"|
| border="0" align="center" class="tcat" colspan="1"|Pahala
| border="0" align="center" class="tcat" colspan="1"|Dosa
|-
|1
| Jaka
| Dunia
| 90
| 10
|-
|2
| Tarub
| Alam Kubur
| 10
| 90
|-
 
Ikutan coba-coba ah ....!!!

border="1"
|-
| class="tcat" colspan="2" | Vachru
|-
| Boy
| Happy
|-
 
Back
Top