BBCode [tabs] và [tab]

[indent]BBCode tạo tab[/indent]

Giới thiệu về BBCode tabs và tab - các BBCode tạo tab đơn giản.

[hs1]BBCode tabs và tab[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"][toc][/box][hs2]tabs[/hs2]: Tạo không gian chứa tab
[indent][cbox][ob]tabs[cb]{Các tab}[ob]tabs[cb][/cbox]
Nội dung bên trong BBCode này chỉ bao gồm các thẻ tab, những nội dung ngoài tab có thể gây ra vấn đề về thẩm mỹ.[/indent]

[hs2]tab[/hs2]: Tạo các tab
[indent][cbox][ob]tab[cb]{Nội dung tab}[ob]tab[cb][/cbox]
BBCode này chỉ hoạt động nếu nằm trong BBCode tabs.

[tabs][tab]Đây là nội dung bên trong tab 1[/tab] [tab]Đây là nội dung bên trong tab 2[/tab][/tabs]

[ob]tabs[cb][ob]tab[cb]Đây là nội dung bên trong tab 1[ob]/tab[cb] [ob]tab[cb]Đây là nội dung bên trong tab 2[ob]/tab[cb][ob]/tabs[cb]

[/indent]

[hs2]Các thuộc tính của tab[/hs2]
[indent][hs3]tab[/hs3]: Đặt tên cho tab

[tabs][tab tab="tab 1"]Đây là nội dung bên trong tab 1[/tab] [tab tab="tab 2"]Đây là nội dung bên trong tab 2[/tab][/tabs]

[ob]tabs[cb][ob]tab="tab 1"[cb]Đây là nội dung bên trong tab 1[ob]/tab[cb] [ob]tab="tab 2"[cb]Đây là nội dung bên trong tab 2[ob]/tab[cb][ob]/tabs[cb]

[hs3]id[/hs3]: Đặt id cho tab
Nếu tab mang id đang đóng, nó sẽ tự động mở trước khi nhảy tới tab.

http://www.gensokyovn.net/t1544-topic#tab3 Tab mang id "tab3" hiện tại đang đóng, nhưng nếu bấm vào link ở trên bạn vẫn sẽ nhảy tới được tab3 - lúc này đã được mở tự động. [tabs][tab tab="tab 1" id="tab1"]Đây là tab mang id tab 1[/tab] [tab tab="tab 2" id="tab2"]Đây là tab mang id tab 2[/tab] [tab tab="tab 3" id="tab3"]Đây là tab mang id tab 3[/tab][/tabs]

[ob]tabs[cb][ob]tab="tab 1" id="tab1"[cb]Đây là tab mang id tab 1[ob]/tab[cb] [ob]tab="tab 2" id="tab2"[cb]Đây là tab mang id tab 2[ob]/tab[cb] [ob]tab="tab 3" id="tab3"[cb]Đây là tab mang id tab 3[ob]/tab[cb][ob]/tabs[cb]

[/indent]

[hs2]Chú ý[/hs2]
[indent]BBCode này không được phép dùng tại chữ ký.[/indent]

[hs1]FAQ[/hs1]
[indent]Q: Tại sao lại không cho phép chỉnh style, class của tab?
A: Đây chỉ là loại tab đơn giản, bài sau sẽ giới thiệu loại tab thực sự với đầy đủ tính năng chỉnh style và class.
Q: Điều gì xảy ra nếu có quá nhiều tab trong một tabs?
A: Trừ việc hơi mất thẩm mỹ thì mọi sự vẫn tốt đẹp.
[tabs][tab tab="tab tab tab tab 1"]Đây là tab 1[/tab]
[tab tab="tab tab tab tab 2"]Đây là tab 2[/tab]
[tab tab="tab tab tab tab 3"]Đây là tab 3[/tab]
[tab tab="tab tab tab tab 4"]Đây là tab 4[/tab]
[tab tab="tab tab tab tab 5"]Đây là tab 5[/tab]
[tab tab="tab tab tab tab 6"]Đây là tab 6[/tab]
[tab tab="tab tab tab tab 7"]Đây là tab 7[/tab]
[tab tab="tab tab tab tab 8"]Đây là tab 8[/tab]
[tab tab="tab tab tab tab 9"]Đây là tab 9[/tab]
[tab tab="tab tab tab tab 10"]Đây là tab 10[/tab]
[tab tab="tab tab tab tab 11"]Đây là tab 11[/tab][/tabs]
Q: Điều gì xảy ra nếu một tab có tên quá dài?
A: Trừ việc hơi mất thẩm mỹ thì mọi sự vẫn tốt đẹp.
[tabs][tab tab="tab 1"]Đây là nội dung tab 1[/tab]
[tab tab="Đây là tên một tab rất dài, về lý thuyết chẳng ai rảnh đặt tên tab như vầy cũng như chẳng ai rảnh để đọc tên tab như vầy, tuy nhiên nếu có ai đó muốn đặt thì mình cũng không cấm"]Đây là nội dung tab[/tab]
[tab tab="tab 2"]Đây là nội dung tab 2[/tab][/tabs][/indent]