Tablo Sistemi Kullanımı

M@STER · 7 Tem 2012

Tablo sistemi kullanımı forumumuza VBulletin v4.2 ile gelmiş olan oldukça hoş bir eklentidir.Çalışma prensibi oldukça kolaydır.Yalnız ilk başta tuhaf harfler kullanıcılarımızın kafasını biraz karıştırabilir.Tablo yaratmak için gelişmiş mesaj yazma panelini kullanabiliriz.Buradan tablonun satır ve sütun sayısını,genişliğini,stilini ve mesajımızda ne şekilde hizalanacağını belirleyebiliriz.Bu özellikleri ayarladıktan sonra tablo oluşturmayı başardık demektir.
İçeriğini düzenleyeceğimiz tablo satır sütün sistemine göre ayarlıdır.Bir satır [tr] koduyla başlar [/tr] koduyla biter.Satırın kapsadığı daha küçük sütunlar ise [td] koduyla başlar,[/td] koduyla ise son bulur.Yazı yazmak için kodlarla uğraşmaya gerek yoktur.Her sütuna yazacağımız yazıyı [td] kodu aracılığıyla belirleyebiliyoruz.Örneğin 3 satır ve 2 sütundan oluşan,ortaya hizalanmış ve outer border (kenarlı) stilde bir tablo şöyle gözükür:

[table="width: 500, class: outer_border, align: center"]
[tr]
[td]1.satırın 1.sütunu[/td]
[td]1.satırın 2.sütunu[/td]
[/tr]
[tr]
[td]2.satırın 1.sütunu[/td]
[td]2.satırın 2.sütunu[/td]
[/tr]
[tr]
[td]3.satırın 1.sütunu[/td]
[td]3.satırın 2.sütunu[/td]
[/tr]
[/table]

Hadi şimdi tabloyu ayarlamayı öğrenelim.Tablo oluşturma ikonu

tabloyu oluşturmak için ilk adımdır.Üzerine tıkladıktan sonra açılan ekranda:

Rows ile satırları,Columns ile de sütunları ayarlıyoruz.Örneğin 3 satırlı ve 2 sütunlu bir tablo oluşturacaksak Rows'u 3,Columns'u 2 alalım.Width ile tablomuzun genişliğini uygun bir şekilde ayarladıktan sonra tablonun stilini seçebiliriz.No Borders seçeneği kenarlıksız ve odasız bir tablo,Outer Border seçeneği kenarlıklı ve odasız bir tablo,Full Grid seçeneği ise hem kenarlıklı hem de odalı bir tablo oluşturur.Son olarak Alignment seçeneği ise tabloyu mesajımızda sola (left),sağa (right) veya ortaya (center) hizalar.

Hazırlayacağımız tablo mesaj yazma panelinde farklı,mesajı gönderdikten sonra farklı gözükür.Tablonun içini düzenlemek oldukça kolay ancak başta karmaşık gözükebilir.Örneğin 2 satırlı ve 2 sütunlu bir tablo oluşturalım,kenarlıklı ve ortaya hizalı olsun,genişliği de 500 olsun,bu seçenekleri

ikonu aracılığıyla açtığımız Tablo Özellikleri (Table Properties) sekmesiyle ayarlayalım.Ayarladığımız tablo seçenekleri böyle gözükmeli:

Bu ayarları ayarlamayı başardıysak OK seçeneği ile onaylayalım.Tablomuz mesaj yazma panelinde bu şekilde gözükecektir:

[table="width: 500, class: outer_border, align: center"]
[tr]
[td]Satır 1,sütün 1 (1,1)[/td]
[td]Satır 1,sütun 2 (1,2)[/td]
[/tr]
[tr]
[td]Satır 2,sütun 1 (2,1)[/td]
[td]Satır 2,sütun 2 (2,2)[/td]
[/tr]
[/table.]

(Şablonda her satır ve sütun tek bir koordinatla belirtilmiştir.Örneğin 1.satır 1.sütun için (1,1) koordinatı.)

Kalın bir şekilde belirttiğim ve satır ile sütununu yazdığım her bir [td] ve [/td] kodu arası aslında her bir odacığı temsil eder.
Hadi şimdi dolduralım!

[table="width: 500, class: outer_border, align: center"]
[tr]
[td]Site Adı:[/td]
[td]TurkMMO[/td]
[/tr]
[tr]
[td]Konu:[/td]
[td]Tablo Sistemi Kullanımı[/td]
[/tr]
[/table.]

Eğer kodlamadaki fazladan noktayı çıkarırsam:

[table="width: 500, class: outer_border, align: center"]
[tr]
[td]Site Adı:[/td]
[td]TurkMMO[/td]
[/tr]
[tr]
[td]Konu:[/td]
[td]Tablo Sistemi Kullanımı[/td]
[/tr]
[/table]

Unutmayın!:Tablo içindeki yazıları doğrudan düzenleyin.Kodlar içinde düzenlemeniz yazılara bir etki yapmaz.(Boyut,renk,kalınlık)

Bazı arkadaşlar için çok karışık geldiğini biliyorum.Bu kadar kod olması kafanızı karıştırmasın.Yakında bu Youtube logosunun yerinde bir video olacak! (Logo alıntıdır.)

Konu altından soru sorabilirsiniz.Sorularınızı ahlaki kurallar çerçevesinde sorarsanız seve seve cevaplarım.
Ayrıca isteyen arkadaşlar için konu altından tablolarını hazırlayıp özel olarak kod halinde yollayabilirim.Sorun değil.
Tablo isterken:

Satır Sayısı:
Sütun Sayısı:
Genişlik:
Stil (Kenarlıklı,kenarlıksız veya tam olmak üzere 3 tane):
Mesaj içinde hizası (Sola,sağa ve merkeze olmak üzere 3 tane):

şablonunu doldurarak istek yapabilirsiniz.Son olarak yeni gelen VBulletin v4.2'nin ne kadar gelişmiş olduğunu da bu konuyla bir kez daha gösterdiğim için gerçekten mutluyum.Videoyu bir sorun çıkmazsa gün içinde yüklemeyi düşünüyorum.Konunun tamamı kendi elimden çıkmış olup forum içinde alıntı yapılması yasaktır.Başka forumlarda paylaşacaksanız da lütfen alıntıdır yazın,epey zamanımı aldı çünkü.Herkese iyi forumlar.

Terimler Sözlüğü
Rows:Satırlar
Columns:Sütunlar
Width:Genişlik (sanırım piksel üzerinden)
Stil (No Border:Kenarlıksız , Outer Border

ış Kenarlıklı Full Grid:Tamamıyla bölünmüş ve kenarlıklı)*
Hizalama (Left:Sola , Center:Ortaya , Right:Sağa)

*Tam olarak çevrilmemiş olup anlaşılır şekilde açıklanmıştır.