
27-02-2012, 15:38
|
 |
Vương gia hữu nữ sơ trường thành Nữ đại huệ chất thả lan tâm A na đa tư thị thiên sinh Tú ngoại tuệ trung tối nan đắc
|
|
Tham gia ngày: 08-03-2009
Bài gửi: 4,707
Cấp Độ: 523
|
|
|
BBcode [TABLE3] !!!!!
1. Overview
- Bạn rất thích [table2] vì nó có thể tùy biến ra bất cứ kiểu table nào muốn, nhưng lại ngại độ phức tạp của nó với 5 code riêng rẽ, type nhiều, khó nhìn, dễ sai sót?
--> [table3] chỉ có 1 code duy nhất, type ít, đơn giản. 
- Nhược điểm của [table2] là bị auto <br> mỗi khi xuống hàng, khiến bạn phải dồn code lại 1 cục --> the hell to edit =), hoặc phải canh margin-top số âm (chưa kể 1 vài trình duyệt cũ lỗi khi xài cách này).
--> đã hoàn toàn bị loại bỏ trong [table3]. 
2. Gameplay
Trích:
Table D
[table3]
{|
|text
|text
|-
|text
|text
|} {|border=1 cellspacing=2
!bgcolor=pink|text
|text
|-bgcolor=yellow
|text
|text
|} {|!color:blue
!!color:red|text
|text
|-!color:green
|text
|text
|} {|border=1 cellspacing=2!color:blue
!bgcolor=pink!color:red|text
|text
|-bgcolor=yellow!color:green
|text
|text
|}
[/table3]
|
| Xem table A
| - Table mở đầu bằng {| và kết thúc bằng |}
- Phân cách giữa 2 hàng table là |-
- Bắt đầu một ô table mới là |
| | Xem table B
| - Muốn set html tag cho table thì cứ việc type ngay sau {|
- Muốn set html tag cho hàng (tr) thì cứ việc type ngay sau |-
- Muốn set html tag cho ô (td) thì thêm "!html tag" ngay trước | của ô cần set
| | Xem table C
| - Muốn set style tag cho table thì thêm dấu ! ngay sau {|, rồi kế đến type tag
- Muốn set style tag cho hàng (tr) thì thêm dấu ! ngay sau |-, rồi kế đến type tag
- Muốn set style tag cho ô (td) thì thêm "!!style tag" (2 dấu !) ngay trước | của ô cần set
| | Xem table D
| - Muốn set vừa html vừa style cho table thì theo mẫu {|html tag!style tag
- Muốn set vừa html vừa style cho hàng (tr) thì theo mẫu |-html tag!style tag
- Muốn set vừa html vừa style cho ô (td) thì theo mẫu !html tag!style tag|nội dung ô
|
Lưu ý:
- Phải đặt bên trong [table3]...[/table3] thì code mới hoạt động.
- Chỉ với một cụm [table3]...[/table3] là có thể làm cho nhiều table (như vd ở trên).
- Bên trong [table3]...[/table3] là disable auto <br> (auto xuống hàng), vì thế nếu muốn xuống 1 hàng thì type |+ vào đầu dòng, 2 hàng là |++ và 3 hàng là |+++, từ hàng thứ 4 trở đi thì phải quay lại, vd nếu muốn xuống 5 hàng là |+++|++. Ví dụ:
|
| {|border=1 cellspacing=2!color:blue
!bgcolor=pink!color:red|text
|text
|-bgcolor=yellow!color:green
|text
|text
|++text
|} |
- Trong trường hợp muốn set tag cho cả hàng (tr) đầu tiên, thì cứ việc thêm |- bên dưới {|:
|
| {|border=1 cellspacing=2!color:blue
|-bgcolor=yellow!color:green
|text
|text
|-
|text
|text
|} |
Lưu ý 2:
- Có thể kết hợp với [tablestyle][/tablestyle] để tạo class cho table giống [table2]
- Html tag của table, của hàng, của ô và style tag là gì thì mời các bạn xem thêm bên topic Hướng dẫn [table2]
Có thể ban đầu còn hơi lạ lẫm, chứ đã quen rồi thì sẽ code rất nhanh
3. Trivia
Đây là BBcode duy nhất thật sự ẩn, lý do tại sao thì các bạn tự tìm hiểu vậy =).
|
thay đổi nội dung bởi: Ôn Song Tú, 27-02-2012 lúc 15:51
|
|