[Kaldorei]

I- Cú pháp table2 dạng đơn giản:

aaa	bbb	ccc
ddd	eee	ggg

[table2]
|-
|aaa
|bbb
|ccc
|-
|ddd
|eee
|ggg
[/table2]

- Mở đầu table bằng [table2], kết thúc bằng [/table2]
- Mở đầu 1 row mới bằng: xuống dòng rồi |-
- Mở đầu 1 ô mới bằng: xuống dòng rồi |
- Thay đổi so với code table3 cũ:
+ Enter thoải mái trong code, ko cần dùng trick đóng mở table.
+ Không lược bớt [table2] khi lồng table trong table.

II- Cú pháp table2 dạng phức tạp: Sử dụng thêm attribute và style quy định các thuộc tính của table.

- Vị trí điền attribute và style:

[table2=!attribute !style]
|-!attribute !style ]
|aaa
|bbb
|ccc
|-
|!attribute !style ]ddd
|eee
|ggg
[/table2]

- Lưu ý: nếu sử dụng attribute và style ở hàng hoặc ô, nhớ đóng ] (xem lại mẫu code trên)

Attribute là gì? Là những thuộc tính của bảng/dòng/ô mà chúng ta đang tạo.
- Chỉ nhận các attribute sau: class | id | align | valign | rules | frame | colspan | rowspan.
- Riêng class có thể nhận class='class1 class2'
- Beginner chỉ cần quan tâm cách dùng: align | colspan | rowspan

colspan

aaa	bbb	ccc
ddd	ô này có colspan=2, nó nhập 2 ô cạnh nhau lại thế này

[table2]
|-
|aaa
|bbb
|ccc
|-
|ddd
|!colspan=2] ô này có colspan=2, nó nhập 2 ô cạnh nhau lại thế này
[/table2]

rowspan

ô này có rowspan=2, nó nhập 2 ô trên dưới lại với nhau thế này	bbb	ccc
	eee	ggg

[table2]
|-
|!rowspan=2] ô này có rowspan=2, nó nhập 2 ô trên dưới lại với nhau thế này
|bbb
|ccc
|-
|eee
|ggg
[/table2]

align

table này được đặt align=center	bbb	ccc
nó được canh vào giữa màn hình	eee	ggg

[table2=!align=center]
|-
|table này được đặt align=center
|bbb
|ccc
|-
|nó được canh vào giữa màn hình
|eee
|ggg
[/table2]

Style là gì? Style là 1 attribute (thuộc tính) đặc biệt, vì đặc biệt nên nó được tách riêng như vậy (xem ví dụ). Chăm chút, chỉnh sửa style là công việc chính của bbcoder.

Ví dụ sử dụng style

[table2=!align=center !width:300px; color:red; background:pink]
|-
|aaa
|bbb
|ccc
|-
|!!font-size:30px; line-height:1.7;]ddd
|eee
|ggg
[/table2]

Để ý trong vd trên, nếu ko cần attribute nào hết thì viết như ô ddd

III- Sử dụng attribute class và id kết hợp với FONT2

aaa	bbb	ccc
ddd	eee	ggg

aaa	bbb	ccc
ddd	eee	ggg

[font2=kal01|cl=FF0000&bg=dddddd&w=200&pad=0][/font2]
[table2=!class=font-kal01]
|-
|aaa
|bbb
|ccc
|-
|ddd
|eee
|ggg
[/table2]
[table2=!id=font-kal01]
|-
|aaa
|bbb
|ccc
|-
|ddd
|eee
|ggg
[/table2]

- Khi dùng FONT2 nghĩa là ta đã tạo ra 1 số style nhất định, vd id FONT2 là kal01
- Nếu đặt id của table2 là id=font-kal01 >> table sẽ nhận style FONT2 trên.
- Nếu đặt class của table2 là class=font-kal01 >> từng ô table sẽ nhận style FONT2 trên.
Như ở ví dụ trên, style có quy định width là 200px, nếu đặt id table theo id FONT2 >> table rộng 200px,
nếu đặt class table theo id FONT2 >> từng ô của table rộng 200px

FONT2 có 1 parameter chưa được giới thiệu trong topic về FONT2, đấy là &ch=....
Tác dụng là để tạo style theo cột cho table:

aaa	bbb	ccc	nnn	kkk
ddd	eee	ggg	hhh	ppp

[font2=kal02|cl=,red&bg=,pink&ch=3][/font2]
[table2=!class=font-kal02]
|-
|aaa
|bbb
|ccc
|nnn
|kkk
|-
|ddd
|eee
|ggg
|hhh
|ppp
[/table2]

ch=1,2,3... áp dụng style lên cột thứ 1,2,3....
ch=An,B áp dụng style lên cột có dạng An+B. vd ch=2n,1 áp dụng style lên các cột lẻ

[Lie]

Table đã về với bản làng, mừng quá đi thôi

Mà sao khi mình thử thì không dùng được !align=center nhỉ ? Thấy bỏ nó vào thì table bị mất viền ngoài

[AmySnow]

Chờ mãi cuối cùng cũng có table để xài

Cám ơn Kal nhé :3

[Scheherazade]

cái ch phê quá
cơ mà nhìn giới thiệu ch mới nhớ ra, table này có cách nào có thể spawn ra 1 cột tự động đánh stt đc k?

[HitomaruKonpaku]

Cái ch là child phải không nhỉ?

Font2 chưa update nữa

Chắc tối nay bắt đầu viết update

[Cigarette]

Tự động đánh số bằng CSS: https://developer.mozilla.org/en-US/...e/CSS/Counters

Áp dụng dư lào thì...

[AmySnow]

Có cách nào để dùng cái dấu viền ngoài, chỉ hiện dòng, chỉ hiện cột (rules=none, frame=voids .. and v..v..) không nhỉ
Vẫn hơi rối vụ giữa các thuộc tính ngăn cách theo kiểu nào, dấu "!" hay dấu ";"

[HitomaruKonpaku]

Có cách nào để dùng cái dấu viền ngoài, chỉ hiện dòng, chỉ hiện cột (rules=none, frame=voids .. and v..v..) không nhỉ
Vẫn hơi rối vụ giữa các thuộc tính ngăn cách theo kiểu nào, dấu "!" hay dấu ";"

! <att> ! <style>

Các <att> ngăn cách bằng " " (space)
Các <style> ngăn cách bằng ";"

[Tham Lam]

Sau bao ngày chờ đợi cũng có thay-bồ-2 rồi. Banzai banzai!
Chuẩn bị thể hiện cái tính S kìm hãm bấy lâu thôi. R@pe máy yếu và đường mạng chập chờn nào.

Thử trước phát cho chắc ăn. Mà hình như cái border bị gì thì phải @_@ Lúc mất nguyên cạnh trên cùng, lúc lại cạnh dưới cùng, có khi lại 2 bên. Không bao giờ đủ 4 cạnh.

Ở vns cũ cái bài review Yuru Yuri dùng 7 cái hover và hơn 30mb hình ảnh (trên 300 tấm). Giờ muốn viết lại và thêm cả animation vào 7 cái hover cũ nữa... hờ hờ hờ. Không biết là sẽ mất bao lâu để nó load hết được đây :v

[hoangkhung1996]

Sau bao ngày chờ đợi cũng có thay-bồ-2 rồi. Banzai banzai!
Chuẩn bị thể hiện cái tính S kìm hãm bấy lâu thôi. R@pe máy yếu và đường mạng chập chờn nào.

Thử trước phát cho chắc ăn. Mà hình như cái border bị gì thì phải @_@

Ở vns cũ cái bài review Yuru Yuri dùng 7 cái hover và hơn 30mb hình ảnh (trên 300 tấm). Giờ muốn viết lại và thêm cả animation vào 7 cái hover cũ nữa... hờ hờ hờ. Không biết là sẽ mất bao lâu để nó load hết được đây :v

làm ơn làm phước đi, siêu cấp biến thái Mọt mà trở lại thì cái topic nào do Mọt lập chắc chả dám vào luôn quá