NusaReborn



Results 1 to 2 of 2

Thread: [Guide] About Table


Share on Facebook Tweet on Twitter
  1. #1

    Cegeb's Avatar
     
    Cegeb is offline
    Under the Snow


    Menang Karenaku, Kalah Karenamu

    "Kirino's Room"
    Clan HTT
    Shaman
    Joined NSR
    03/03/2011
    1,541
    Posts
    350
    Threads
    Thanked
    1,741 Times
    Thanking
    992 Times
    Rep Power
    283


    Awards Showcase


     

    Default [Guide] About Table

    Disini kita akan mempelajari cara menggunakan table/tabel.

    Apakah itu table? Yang jelas bukan table yang berarti meja.
    Pastinya pernah liat program spreadsheet seperti Excel? Nah seperti itulah table.

    Lantas buat apa dong table-tablean?
    Dengan memanfaatkan table, kita bisa mendesign post kita menjadi lebih cantik dan profesional.


    Contoh 1 - Teks disebelah gambar:

    Gambar 1 - Deskripsi Forum dan penjelasannya.

    Fungsi dari kategori Profile adalah sebagai berikut:

    1. Untuk melihat Profile Battle.net CRew.
    2. Untuk melihat Profile Forum CRew.
    3. Untuk melihat Profile Anggota NusaReborn.
    4. Untuk melihat Profile Channel/Clan NusaReborn.

    Fungsi dari kategori Report & Investigation adalah sebagai berikut:
    5. Untuk melaporkan Leaver dan sejenisnya.
    6. Untuk melaporkan Ruiner, Maphack dan sejenisnya.
    7. Untuk melaporkan pelanggaran di Forum.
    8. Untuk melaporkan CRew yang bermasalah.
    Spoiler:

    - Peraturan Forum secara umum tetap berlaku dibagian kategori Profile.
    - Pelanggaran terhadap peraturan Forum akan mendapatkan sanksi sesuai peraturan yang berlaku.

    Gambar 2 - Tahap tahap membuat tabel.

    Cara Membuatnya


    1. Klik gambar Table (dibawah tombol Bold)
    2. Akan muncul dialog seperti gambar disamping, atur jumlah baris (Rows) dan jumlah kolom (Column). Berdasarkan tabel diatas berarti 2 kolom dan 1 baris.
    3. Atur luas (Width) tabel, dalam satuan pixel.
    4. Table Style bisa diabaikan, karena tidak berfungsi T_T
    5. Alignment bisa diatur apakah tabelnya ingin ditengah, kiri atau kanan.
    6. Tekan Cancel OK untuk melanjutkan.


    Contoh 2 - Colored Table
    Kali ini, kita akan belajar membuat tabel berwarna, yang tidak ada dalam tombol Table diatas, bisa dibilang advanced lah.
    Berikut adalah contohnya:

    # Name Hero K D A LH DN GPM XPM ITEMS










    1 DigiTAL^BANKE Invoker 9 7 9 120 33 443 655
    2 Shenzi Windranger 7 5 8 145 31 453 604
    3 Sheratan Io 1 22 6 34 11 280 305
    4 PADUKA_KEMONG Nyx Assassin 3 41 7 45 2 93 211
    5 Gumi Outworld Devourer 22 9 5 302 41 715 700












    6 snackkulit Phantom Lancer 15 7 11 200 24 666 642
    7 Railgun Troll Warlord 20 9 13 225 12 643 651
    8 Cinque Slark 12 9 12 180 22 380 425
    9 cegeb Riki 25 8 11 210 19 695 722
    10 SosLuphTan Clinkz 12 9 15 204 21 515 543


    Contoh lainnya (Music Box):

    Look What You've Done
    Get Born | Capitol, Elektra | 3:50
    Jet


    Jadi, bagaimana membuatnya?
    Mari kita analisa struktur kode tabel berikut

    [TABLE="width: 800, align: left"]
    [TR]
    [TD="bgcolor: #00ddff"][COLOR=#ff0000]#[/COLOR][/TD]
    [TD="bgcolor: #00ddff"][COLOR=#ff0000]Kolom 1[/COLOR][/TD]
    [TD="bgcolor: #00ddff"][COLOR=#ff0000]Kolom 2[/COLOR][/TD]
    [TD="bgcolor: #00ddff"][COLOR=#ff0000]Kolom 3[/COLOR][/TD]
    [TD="bgcolor: #00ddff"][COLOR=#ff0000]Kolom 4[/COLOR][/TD]
    [/TR]
    [/TABLE]

    Tabel diatas adalah tabel 5 kolom 1 baris, dengan ukuran luas 800px, warna background biru laut, teks merah, dan orientasi rata kiri.
    Hasil dari kode diatas.
    # Kolom 1 Kolom 2 Kolom 3 Kolom 4



    Gunakan code [TD="bgcolor: #00ddff"] Untuk mewarnai tabelnya.
    #00ddff adalah Hex code warnanya.
    Untuk itu, kita harus switch dari WYSIWYG (What You See Is What You Get) Editor, ke Source Mode (Tekan gambar A/A diatas tombol Bold).
    Jadi buat tabel seperti biasa, lalu masukkan code [TD="bgcolor: #hex color codenya"] lalu kembali lagi ke WYSIWYG editor.
    Cara ini sulit, namun lebih rapi.

    NB: Jika ada cara yg lebih praktis, bisa didiskusikan.

    Contoh thread yang menggunakan table:
    http://nusa.in/t624182
    http://nusa.in/t623262


    Written by cegeb, may be distributed to anywhere with original link to this thread.

    Changelogs
    Spoiler:

    v.1.0 (2013/10/01) - Created
    Last edited by Cegeb; December 5th, 2013 at 07:30. Alasannya karena:: Small update

  2. The Following 25 Users Say Thank You to Cegeb For This Useful Post:

    AngelicWingzZ (October 3rd, 2013), Artefact (October 3rd, 2013), Barels (November 2nd, 2013), captainkidd (October 1st, 2013), Cinque (October 1st, 2013), DSampoerna (October 6th, 2013), imYoon-Ah (October 9th, 2013), jabberwork (October 8th, 2013), KZ (February 27th, 2014), laker_dc (October 3rd, 2013), LEAK~ (October 2nd, 2013), Nate (November 14th, 2013), Oxyde~ (October 4th, 2013), Railgun (October 3rd, 2013), say~ (January 2nd, 2014), Shenzi (October 1st, 2013), shen_tu (October 12th, 2013), snackkulit (October 1st, 2013), soldier_saga (October 1st, 2013), U- (October 1st, 2013), WouSain (October 2nd, 2013), yazwar_chemst45 (October 13th, 2013), [AoA]Miku (October 2nd, 2013), [D]olsupeR^ (December 2nd, 2013), [z]ero_[x] (October 1st, 2013)



  3. #2

    Railgun's Avatar
     
    Railgun is offline


    Joined NSR
    02/12/2010
    393
    Posts
    80
    Threads
    Thanked
    169 Times
    Thanking
    147 Times
    Rep Power
    26


     

    Default Re: [Guide] About Table



    Membuat Tabel didalam Tabel


    Sama seperti cara mewarnai tabel, untuk membuat tabel didalam tabel harus switch dari WYSIWYG (What You See Is What You Get) Editor, ke Source Mode (Tekan gambar A/A diatas tombol Bold). Jadi tidak bisa dengan WYSIWYG editor saja...
    Dan dalam menggunakan Source Mode, tentunya kalian harus akrab dengan BB Code. So, Just deal with it...


    Oke coba liat contoh berikut :



    Contoh diatas kalo diubah ke source mode hasilnya seperti ini :

    Code:
    [*TABLE="width: 100%"]
    [TR]
    [TD="bgcolor: #FF0000"]
    [*TABLE="width: 90%, align: center"]
    [TR]
    [TD="bgcolor: #FFFF00"]
    [*TABLE="width: 80%, align: center"]
    [TR]
    [TD="bgcolor: #00FF00"]
    [*CENTER][*video=youtube;PQtYfVkvMr4]http://www.youtube.com/watch?v=PQtYfVkvMr4[/video][/CENTER]
    [/TD]
    [/TR]
    [/TABLE]
    [/TD]
    [/TR]
    [/TABLE]
    [/TD]
    [/TR]
    [/TABLE]
    
    nb : Jangan lupa hilangkan tanda * kalo mau buat tabelnya



    • Tulisan merah >>> Untuk membuat tabel (1x1) dengan warna background merah
    • Tulisan kuning >>> Untuk membuat tabel (1x1) dengan warna background kuning
    • Tulisan hijau >>> Untuk membuat tabel (1x1) dengan warna background hijau
    • Tulisan biru >>> BB Code untuk menampilkan video dari youtube

    Oiya tambahan aja nih, kolom Width bisa diisi dengan angka dalam bentuk persentase, untuk contoh liat aja gambar dibawah ini :





    contoh thread : http://www.nusareborn.in/showthread.php?t=626657
    *sekalian promosi
    Last edited by Railgun; October 12th, 2013 at 01:05. Alasannya karena:: promosi

    You don’t need a good reason to save a friend. If you want to save them, then save them.

  4. The Following 14 Users Say Thank You to Railgun For This Useful Post:

    Barels (November 2nd, 2013), Cegeb (October 10th, 2013), DSampoerna (October 10th, 2013), jabberwork (October 12th, 2013), KZ (February 27th, 2014), NSR]Insence~ (October 22nd, 2013), Shenzi (October 10th, 2013), shen_tu (October 12th, 2013), snackkulit (October 10th, 2013), U- (October 19th, 2013), yazwar_chemst45 (October 13th, 2013), [AoA]Miku (October 10th, 2013), [D]olsupeR^ (December 2nd, 2013), ~mor~chieftain~ (October 10th, 2013)




Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •