Latest topics
Yesterday at 2:29 pm
by
Chinhphuong
25/3/2024, 3:24 am
by
Amaori Kino
30/12/2023, 10:13 am
by
Akari no Kokoro
6/11/2023, 9:44 am
by
Akari no Kokoro
5/8/2023, 5:32 pm
by
Akari no Kokoro
28/4/2023, 8:01 pm
by
rlaghdtn1998
4/11/2022, 12:17 am
by
gigajet
14/8/2022, 3:28 pm
by
Akari no Kokoro
12/7/2022, 10:21 am
by
RedTheHalf-Demon
13/5/2022, 4:52 pm
by
Getsuga Bankai Tenshou
1/2/2022, 12:00 am
by
Akari no Kokoro
19/12/2021, 1:13 am
by
Akari no Kokoro
15/12/2021, 8:28 am
by
sucirpa
15/11/2021, 12:34 am
by
feint101
1/11/2021, 4:00 pm
by
Akari no Kokoro
30/10/2021, 9:31 am
by
Akari no Kokoro
12/10/2021, 1:06 am
by
Getsuga Bankai Tenshou
8/10/2021, 1:14 am
by
forestofsecrets
18/9/2021, 6:32 pm
by
caytretramdot
1/9/2021, 5:56 pm
by
kirito-123
16/8/2021, 11:56 pm
by
Hisurin Rain
15/8/2021, 1:18 am
by
cỉno
9/8/2021, 10:39 pm
by
RedTheHalf-Demon
24/7/2021, 9:51 pm
by
Katsuragi Rin
9/7/2021, 11:27 am
by
P2772
2/7/2021, 8:54 am
by
worstapple
1/7/2021, 11:37 am
by
Yuri Masumi
24/6/2021, 7:03 pm
by
corecombat
22/6/2021, 11:38 pm
by
diaoyezong
18/6/2021, 6:55 pm
by
caytretramdot
BBCode [itab] và [ibut] v1.1
- Waifu
mr.equal
Administrator - Waifu Order : FA. :
Online Offline Posts : 4931Power : 10170Faith : 2498Ngày tham gia : 07/11/2014Địa điểm : SDM
BBCode [itab] và [ibut] v1.1
[indent]BBCode tạo tab[/indent]
Giới thiệu về BBCode itab và ibut - loại BBCode dùng tạo các tab có độ tùy biến cao.
Nội dung nằm trong spoiler là nội dung nâng cao không nhất thiết phải biết.
[hs1]BBCode itab và ibut[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[indent]BBCode itab dùng tạo ra một tab.
[cbox][ob]itab="{Tên bộ tab}"[cb]{Nội dung}[ob]/itab[cb][/cbox]
BBCode ibut dùng tạo ra một nút bấm để đóng/mở tab.
[cbox][ob]ibut="{Tên bộ tab}"[cb]{Nội dung}[ob]/ibut[cb][/cbox]
Các itab và ibut bắt cặp với nhau theo thứ tự xuất hiện của chúng (ibut xuất hiện đầu tiên sẽ mở được itab xuất hiện đầu tiên, ibut thứ 2 sẽ mở được itab thứ 2, vv...), tất nhiên chúng phải thuộc cùng một bộ tab. Tab đầu tiên trong bộ sẽ là tab mở mặc định.
Đến đây là xong phần cơ bản .[/indent]
[hs2]itab, ibut - Các thuộc tính trung bình[/hs2]
Các thuộc tính key, style, class với itab.
Các thuộc tính key, style-on, style-off, class-on, class-off với ibut.
[indent][hs3]key[/hs3]: Đặt key cho tab.
[hs3]key[/hs3]: Đặt key cho nút bấm.
Nếu không muốn bắt cặp theo thứ tự, thuộc tính này cho phép bạn đặt key cho itab, khi đó tab và nút bấm có key giống nhau thì sẽ bắt cặp với nhau.
Nâng cao hơn về thuộc tính key
[b3] Thuộc tính riêng cho itab
[hs3]style[/hs3]: Quyết định bề ngoài của tab.
Thuộc tính này tiếp nhận thông số CSS.
[hs3]class[/hs3]: Đặt class cho tab.
[b3] Thuộc tính riêng cho nút bấm
[hs3]style-on[/hs3]: Quyết định bề ngoài của nút mở tab.
Thuộc tính này tiếp nhận thông số CSS.
[hs3]style-off[/hs3]: Quyết định bề ngoài của nút đóng tab.
Thuộc tính này tiếp nhận thông số CSS.
[hs3]class-on[/hs3]: Đặt class cho tab mở.
[hs3]class-off[/hs3]: Đặt class cho tab đóng.
[/indent]
[hs2]itab, ibut - các thuộc tính cao cấp[/hs2]
Thuộc tính id, open với itab.
Thuộc tính id, collapse với ibut.
[indent]
[hs1]FAQ[/hs1]
[indent]Q: Mình không bấm nút nhanh được , cứ bấm nhanh quá là lại chuyển qua chọn text.
A: Đang nâng cấp dần dần. [/indent]
[metabox][style="custom"]border: 4px double #ee00ee[/style][/metabox]
Giới thiệu về BBCode itab và ibut - loại BBCode dùng tạo các tab có độ tùy biến cao.
Nội dung nằm trong spoiler là nội dung nâng cao không nhất thiết phải biết.
[hs1]BBCode itab và ibut[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
Mục lục
[toc][/box][hs2]itab, ibut - Cơ bản[/hs2][indent]BBCode itab dùng tạo ra một tab.
[cbox][ob]itab="{Tên bộ tab}"[cb]{Nội dung}[ob]/itab[cb][/cbox]
BBCode ibut dùng tạo ra một nút bấm để đóng/mở tab.
[cbox][ob]ibut="{Tên bộ tab}"[cb]{Nội dung}[ob]/ibut[cb][/cbox]
Các itab và ibut bắt cặp với nhau theo thứ tự xuất hiện của chúng (ibut xuất hiện đầu tiên sẽ mở được itab xuất hiện đầu tiên, ibut thứ 2 sẽ mở được itab thứ 2, vv...), tất nhiên chúng phải thuộc cùng một bộ tab. Tab đầu tiên trong bộ sẽ là tab mở mặc định.
[ibut="a1"]Tab 1 bộ a1[/ibut] [ibut="a1"]Tab 2 bộ a1[/ibut] [ibut="a1"]Tab 3 bộ a1[/ibut] [itab="a1"]Nội dung tab 1 bộ a1[/itab] [itab="a1"]Nội dung tab 2 bộ a1[/itab] [itab="a1"]Nội dung tab 3 bộ a1[/itab] | [ob]ibut="a1"[cb]Tab 1 bộ a1[ob]/ibut[cb] [ob]ibut="a1"[cb]Tab 2 bộ a1[ob]/ibut[cb] [ob]ibut="a1"[cb]Tab 3 bộ a1[ob]/ibut[cb] [ob]itab="a1"[cb]Nội dung tab 1 bộ a1[ob]/itab[cb] [ob]itab="a1"[cb]Nội dung tab 2 bộ a1[ob]/itab[cb] [ob]itab="a1"[cb]Nội dung tab 3 bộ a1[ob]/itab[cb] |
[hs2]itab, ibut - Các thuộc tính trung bình[/hs2]
Các thuộc tính key, style, class với itab.
Các thuộc tính key, style-on, style-off, class-on, class-off với ibut.
[indent][hs3]key[/hs3]: Đặt key cho tab.
[hs3]key[/hs3]: Đặt key cho nút bấm.
Nếu không muốn bắt cặp theo thứ tự, thuộc tính này cho phép bạn đặt key cho itab, khi đó tab và nút bấm có key giống nhau thì sẽ bắt cặp với nhau.
[ibut="a2" key="2"]Tab 2 bộ a2[/ibut] [ibut="a2" key="3"]Tab 3 bộ a2[/ibut] [ibut="a2" key="1"]Tab 1 bộ a2[/ibut] [itab="a2" key="1"]Nội dung tab 1 bộ a2[/itab] [itab="a2" key="2"]Nội dung tab 2 bộ a2[/itab] [itab="a2" key="3"]Nội dung tab 3 bộ a2[/itab] Các tab được bắt cặp theo key, không phải theo thứ tự. | [ob]ibut="a2" key="2"[cb]Tab 2 bộ a2[ob]/ibut[cb] [ob]ibut="a2" key="3"[cb]Tab 3 bộ a2[ob]/ibut[cb] [ob]ibut="a2" key="1"[cb]Tab 1 bộ a2[ob]/ibut[cb] [ob]itab="a2" key="1"[cb]Nội dung tab 1 bộ a2[ob]/itab[cb] [ob]itab="a2" key="2"[cb]Nội dung tab 2 bộ a2[ob]/itab[cb] [ob]itab="a2" key="3"[cb]Nội dung tab 3 bộ a2[ob]/itab[cb] |
- Spoiler:
- [b1] Tab có thể mang key giống nhau.
Có thể có nhiều tab mang key giống nhau, khi đó nút bật tab mang key tương thích sẽ mở tất cả chúng cùng một lúc.
[b1] Nút bấm có thể mang key giống nhau.[ibut="ax1" key="1"]Tab 1 bộ ax1[/ibut]
[ibut="ax1" key="2"]Tab 2 bộ ax1[/ibut]
[itab="ax1" key="1"]Nội dung tab 1a bộ ax1[/itab]
[itab="ax1" key="2"]Nội dung tab 2 bộ ax1[/itab]
[itab="ax1" key="1"]Nội dung tab 1b bộ ax1[/itab]
Hai tab 1a và 1b là hai tab riêng lẻ, nhưng chúng được mở đồng thời do có key giống nhau.[ob]ibut="ax1" key="1"[cb]Tab 1 bộ ax1[ob]/ibut[cb]
[ob]ibut="ax1" key="2"[cb]Tab 2 bộ ax1[ob]/ibut[cb]
[ob]itab="ax1" key="1"[cb]Nội dung tab 1a bộ ax1[ob]/itab[cb]
[ob]itab="ax1" key="2"[cb]Nội dung tab 2 bộ ax1[ob]/itab[cb]
[ob]itab="ax1" key="1"[cb]Nội dung tab 1b bộ ax1[ob]/itab[cb]
Có thể có nhiều nút bấm mang key giống nhau, khi đó một tab có thể được mở bởi nhiều nút bấm khác nhau.
[b1] Nút bấm có thể mang nhiều key khác nhau.[ibut="ax2" key="1"]Tab 1 bộ ax2[/ibut]
[ibut="ax2" key="2"]Tab 2 bộ ax2[/ibut]
[ibut="ax2" key="1"]Tab 1 bộ ax2[/ibut]
[itab="ax2" key="1"]Nội dung tab 1 bộ ax2[/itab]
[itab="ax2" key="2"]Nội dung tab 2 bộ ax2[/itab]
Hai nút tab1 nằm riêng lẻ, nhưng chúng cùng mở được tab1 do có key giống nhau.[ob]ibut="ax2" key="1"[cb]Tab 1 bộ ax2[ob]/ibut[cb]
[ob]ibut="ax2" key="2"[cb]Tab 2 bộ ax2[ob]/ibut[cb]
[ob]ibut="ax2" key="1"[cb]Tab 1 bộ ax2[ob]/ibut[cb]
[ob]itab="ax2" key="1"[cb]Nội dung tab 1 bộ ax2[ob]/itab[cb]
[ob]itab="ax2" key="2"[cb]Nội dung tab 2 bộ ax2[ob]/itab[cb]
Bạn có thể tạo ra một loại nút bấm có thể mở một lúc nhiều tab mang key khác nhau.
Các key, được cách nhau bằng dấu phẩy (,), nếu tab cần mở thuộc bộ tab khác, bạn thêm tên bộ tab và dấu # vào trước key, vd tab mang key 3 của bộ bx sẽ được viết là bx#3.
Ví dụ về mở tab khác bộ.[ibut="ax3" key="1,2"]Mở tab 1, 2[/ibut]
[ibut="ax3" key="2,3"]Mở tab 2, 3[/ibut]
[ibut="ax3" key="1,2,3"]Mở tất cả[/ibut]
[itab="ax3" key="1"]Nội dung tab 1 bộ ax3[/itab]
[itab="ax3" key="2"]Nội dung tab 2 bộ ax3[/itab]
[itab="ax3" key="3"]Nội dung tab 3 bộ ax3[/itab][ob]ibut="ax3" key="1,2"[cb]Mở tab 1, 2[ob]/ibut[cb]
[ob]ibut="ax3" key="2,3"[cb]Mở tab 2, 3[ob]/ibut[cb]
[ob]ibut="ax3" key="1,2,3"[cb]Mở tất cả[ob]/ibut[cb]
[ob]itab="ax3" key="1"[cb]Nội dung tab 1 bộ ax3[ob]/itab[cb]
[ob]itab="ax3" key="2"[cb]Nội dung tab 2 bộ ax3[ob]/itab[cb]
[ob]itab="ax3" key="3"[cb]Nội dung tab 2 bộ ax3[ob]/itab[cb]
Lưu ý mở tab khác bộ là một kiểu gián tiếp, nên bạn thấy mặc dù tab bị ảnh hưởng, các nút bấm của tab kia không thay đổi gì cả.[ibut="ax4" key="1,ax5#2"]Mở tab 1 bộ ax4 và tab 2 bộ ax5[/ibut]
[ibut="ax4" key="2,ax5#1"]Mở tab 2 bộ ax4 và tab 1 bộ ax5[/ibut]
[itab="ax4" key="1"]Nội dung tab 1 bộ ax4[/itab]
[itab="ax4" key="2"]Nội dung tab 2 bộ ax4[/itab]
[ibut="ax5" key="1"]Tab 1 bộ ax5[/ibut]
[ibut="ax5" key="2"]Tab 2 bộ ax5[/ibut]
[itab="ax5" key="1"]Nội dung tab 1 bộ ax5[/itab]
[itab="ax5" key="2"]Nội dung tab 2 bộ ax5[/itab][ob]ibut="ax4" key="1,ax5#2"[cb]Mở tab 1 bộ ax4 và tab 2 bộ ax5[ob]/ibut[cb]
[ob]ibut="ax4" key="2,ax5#1"[cb]Mở tab 2 bộ ax4 và tab 1 bộ ax5[ob]/ibut[cb]
[ob]itab="ax4" key="1"[cb]Nội dung tab 1 bộ ax4[ob]/itab[cb]
[ob]itab="ax4" key="2"[cb]Nội dung tab 2 bộ ax4[ob]/itab[cb]
[ob]ibut="ax5" key="1"[cb]Tab 1 bộ ax5[ob]/ibut[cb]
[ob]ibut="ax5" key="2"[cb]Tab 2 bộ ax5[ob]/ibut[cb]
[ob]itab="ax5" key="1"[cb]Nội dung tab 1 bộ ax5[ob]/itab[cb]
[ob]itab="ax5" key="2"[cb]Nội dung tab 2 bộ ax5[ob]/itab[cb]
[b3] Thuộc tính riêng cho itab
[hs3]style[/hs3]: Quyết định bề ngoài của tab.
Thuộc tính này tiếp nhận thông số CSS.
[ibut="a3"]Tab 1 bộ a3[/ibut] [ibut="a3"]Tab 2 bộ a3[/ibut] [ibut="a3"]Tab 3 bộ a3[/ibut] [itab="a3" style="border: 2px solid red"]Nội dung tab 1 bộ a3[/itab] [itab="a3" style="border: 2px solid green"]Nội dung tab 2 bộ a3[/itab] [itab="a3" style="border: 2px solid blue"]Nội dung tab 3 bộ a3[/itab] | [ob]ibut="a3"[cb]Tab 1 bộ a3[ob]/ibut[cb] [ob]ibut="a3"[cb]Tab 2 bộ a3[ob]/ibut[cb] [ob]ibut="a3"[cb]Tab 3 bộ a3[ob]/ibut[cb] [ob]itab="a3" style="border: 2px solid red"[cb]Nội dung tab 1 bộ a3[ob]/itab[cb] [ob]itab="a3" style="border: 2px solid green"[cb]Nội dung tab 2 bộ a3[ob]/itab[cb] [ob]itab="a3" style="border: 2px solid blue"[cb]Nội dung tab 3 bộ a3[ob]/itab[cb] |
[ibut="a4"]Tab 1 bộ a4[/ibut] [ibut="a4"]Tab 2 bộ a4[/ibut] [ibut="a4"]Tab 3 bộ a4[/ibut] [itab="a4" class="custom"]Nội dung tab 1 bộ a4[/itab] [itab="a4" class="custom"]Nội dung tab 2 bộ a4[/itab] [itab="a4" class="custom"]Nội dung tab 3 bộ a4[/itab] | [ob]ibut="a4"[cb]Tab 1 bộ a4[ob]/ibut[cb] [ob]ibut="a4"[cb]Tab 2 bộ a4[ob]/ibut[cb] [ob]ibut="a4"[cb]Tab 3 bộ a4[ob]/ibut[cb] [ob]itab="a4" class="custom"[cb]Nội dung tab 1 bộ a4[ob]/itab[cb] [ob]itab="a4" class="custom"[cb]Nội dung tab 2 bộ a4[ob]/itab[cb] [ob]itab="a4" class="custom"[cb]Nội dung tab 3 bộ a4[ob]/itab[cb] |
[hs3]style-on[/hs3]: Quyết định bề ngoài của nút mở tab.
Thuộc tính này tiếp nhận thông số CSS.
[ibut="a5" style-on="border: 2px solid blue"]Tab 1 bộ a5[/ibut] [ibut="a5" style-on="border: 2px solid blue"]Tab 2 bộ a5[/ibut] [ibut="a5" style-on="border: 2px solid blue"]Tab 3 bộ a5[/ibut] [itab="a5"]Nội dung tab 1 bộ a5[/itab] [itab="a5"]Nội dung tab 2 bộ a5[/itab] [itab="a5"]Nội dung tab 3 bộ a5[/itab] | [ob]ibut="a5" style-on="border: 2px solid blue"[cb]Tab 1 bộ a5[ob]/ibut[cb] [ob]ibut="a5" style-on="border: 2px solid blue"[cb]Tab 2 bộ a5[ob]/ibut[cb] [ob]ibut="a5" style-on="border: 2px solid blue"[cb]Tab 3 bộ a5[ob]/ibut[cb] [ob]itab="a5"[cb]Nội dung tab 1 bộ a5[ob]/itab[cb] [ob]itab="a5"[cb]Nội dung tab 2 bộ a5[ob]/itab[cb] [ob]itab="a5"[cb]Nội dung tab 3 bộ a5[ob]/itab[cb] |
Thuộc tính này tiếp nhận thông số CSS.
[ibut="a6" style-off="border: 2px solid red"]Tab 1 bộ a6[/ibut] [ibut="a6" style-off="border: 2px solid red"]Tab 2 bộ a6[/ibut] [ibut="a6" style-off="border: 2px solid red"]Tab 3 bộ a6[/ibut] [itab="a6"]Nội dung tab 1 bộ a6[/itab] [itab="a6"]Nội dung tab 2 bộ a6[/itab] [itab="a6"]Nội dung tab 3 bộ a6[/itab] | [ob]ibut="a6" style-off="border: 2px solid red"[cb]Tab 1 bộ a6[ob]/ibut[cb] [ob]ibut="a6" style-off="border: 2px solid red"[cb]Tab 2 bộ a6[ob]/ibut[cb] [ob]ibut="a6" style-off="border: 2px solid red"[cb]Tab 3 bộ a6[ob]/ibut[cb] [ob]itab="a6"[cb]Nội dung tab 1 bộ a6[ob]/itab[cb] [ob]itab="a6"[cb]Nội dung tab 2 bộ a6[ob]/itab[cb] [ob]itab="a6"[cb]Nội dung tab 3 bộ a6[ob]/itab[cb] |
[hs3]class-off[/hs3]: Đặt class cho tab đóng.
[/indent]
[hs2]itab, ibut - các thuộc tính cao cấp[/hs2]
Thuộc tính id, open với itab.
Thuộc tính id, collapse với ibut.
[indent]
- Spoiler:
- [b3] Thuộc tính riêng cho tab
[hs3]id[/hs3]: Đặt id cho tab.
Tương tự như tab và itab, nếu tab mang id đang đóng, nó sẽ tự động mở trước khi nhảy tới tab.
[hs3]open[/hs3]: Điều khiển tab mở mặc định.http://www.gensokyovn.net/t1549-topic#x2
Tab mang id "x2" 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 x2 vì nó đã được mở tự động.
[ibut="a7"]Tab 1 bộ a7[/ibut]
[ibut="a7"]Tab 2 bộ a7[/ibut]
[ibut="a7"]Tab 3 bộ a7[/ibut]
[itab="a7" id="x1"]Nội dung tab 1 bộ a7[/itab]
[itab="a7" id="x2"]Nội dung tab 2 bộ a7[/itab]
[itab="a7" id="x3"]Nội dung tab 3 bộ a7[/itab][ob]ibut="a7"[cb]Tab 1 bộ a7[ob]/ibut[cb]
[ob]ibut="a7"[cb]Tab 2 bộ a7[ob]/ibut[cb]
[ob]ibut="a7"[cb]Tab 3 bộ a7[ob]/ibut[cb]
[ob]itab="a7" id="x1"[cb]Nội dung tab 1 bộ a7[ob]/itab[cb]
[ob]itab="a7" id="x2"[cb]Nội dung tab 2 bộ a7[ob]/itab[cb]
[ob]itab="a7" id="x3"[cb]Nội dung tab 3 bộ a7[ob]/itab[cb]
Thuộc tính này nhận một trong 2 thông số là true hoặc false. Mặc định khi trang tải xong, tab mở sẽ là tab đầu tiên trong bộ tab, nhưng bạn có thể dùng thuộc tính này để thay đổi nó, tab mang thông số thuộc tính là true sẽ là tab mở mặc định, nếu có nhiều tab mang thông số true thì chỉ có tab đầu tiên là được mở.
Nếu một tab bất kỳ trong bộ tab mang thông số thuộc tính này là false, toàn bộ tab đều sẽ đóng, bất kể các tab khác có mang thông số true đi chăng nữa.
[b3] Thuộc tính riêng cho nút bấm[ibut="a8"]Tab 1 bộ a8[/ibut]
[ibut="a8"]Tab 2 bộ a8[/ibut]
[ibut="a8"]Tab 3 bộ a8[/ibut]
[itab="a8"]Nội dung tab 1 bộ a8[/itab]
[itab="a8" open="true"]Nội dung tab 2 bộ a8.
Tab này mang thuộc tính open="true", vậy nên nó sẽ là tab mở mặc dù lẽ ra tab 1 mới là tab mở.[/itab]
[itab="a8"]Nội dung tab 3 bộ a8[/itab][ob]ibut="a8"[cb]Tab 1 bộ a8[ob]/ibut[cb]
[ob]ibut="a8"[cb]Tab 2 bộ a8[ob]/ibut[cb]
[ob]ibut="a8"[cb]Tab 3 bộ a8[ob]/ibut[cb]
[ob]itab="a8"[cb]Nội dung tab 1 bộ a8[ob]/itab[cb]
[ob]itab="a8" open="true"[cb]Nội dung tab 2 bộ a8.
Tab này mang thuộc tính open="true", vậy nên nó sẽ là tab mở mặc dù lẽ ra tab 1 mới là tab mở.[ob]/itab[cb]
[ob]itab="a8"[cb]Nội dung tab 3 bộ a8[ob]/itab[cb][ibut="a8b"]Tab 1 bộ a8b[/ibut]
[ibut="a8b"]Tab 2 bộ a8b[/ibut]
[ibut="a8b"]Tab 3 bộ a8b[/ibut]
[itab="a8b"]Nội dung tab 1 bộ a8b[/itab]
[itab="a8b" open="false"]Nội dung tab 2 bộ a8b[/itab]
[itab="a8b"]Nội dung tab 3 bộ a8b[/itab]
Tất cả tab đều đóng, nguyên nhân là do tab 2 trong số chúng mang thuộc tính open="false"[ob]ibut="a8b"[cb]Tab 1 bộ a8b[ob]/ibut[cb]
[ob]ibut="a8b"[cb]Tab 2 bộ a8b[ob]/ibut[cb]
[ob]ibut="a8b"[cb]Tab 3 bộ a8b[ob]/ibut[cb]
[ob]itab="a8b"[cb]Nội dung tab 1 bộ a8b[ob]/itab[cb]
[ob]itab="a8b" open="false"[cb]Nội dung tab 2 bộ a8b[ob]/itab[cb]
[ob]itab="a8b"[cb]Nội dung tab 3 bộ a8b[ob]/itab[cb]
[hs3]collapse[/hs3]: Cho phép đóng tab.
Thông thường một khi đã mở, nút mở tab sẽ chuyển sang nút đóng và không bấm vào được nữa, thuộc tính collapse cho phép bạn đóng tab bằng cách bấm nút đóng.
Lưu ý collapse là thuộc tính đơn, chỉ cần khai báo không cần cho nó thông số.
[hs3]id[/hs3]: Đặt id cho nút bấm.[ibut="a9" collapse]Tab 1 bộ a9[/ibut]
[ibut="a9" collapse]Tab 2 bộ a9[/ibut]
[ibut="a9" collapse]Tab 3 bộ a9[/ibut]
[itab="a9"]Nội dung tab 1 bộ a9[/itab]
[itab="a9"]Nội dung tab 2 bộ a9[/itab]
[itab="a9"]Nội dung tab 3 bộ a9[/itab]
Bấm nút đóng một lần nữa để tắt tab.[ob]ibut="a9" collapse[cb]Tab 1 bộ a9[ob]/ibut[cb]
[ob]ibut="a9" collapse[cb]Tab 2 bộ a9[ob]/ibut[cb]
[ob]ibut="a9" collapse[cb]Tab 3 bộ a9[ob]/ibut[cb]
[ob]itab="a9"[cb]Nội dung tab 1 bộ a9[ob]/itab[cb]
[ob]itab="a9"[cb]Nội dung tab 2 bộ a9[ob]/itab[cb]
[ob]itab="a9"[cb]Nội dung tab 3 bộ a9[ob]/itab[cb]
Không như id của tab, đặt id cho nút bấm không nhắm tới việc cho phép bạn nhảy tới vị trí của nút bấm, nó cho bạn khả năng đóng/mở nút bấm bằng url.
Để mở nút, thêm # và id của nút bấm vào đằng sau url.
Để đóng nút, thêm #close_ và id của nút bấm vào đằng sau url.http://www.gensokyovn.net/t1549-topic#y2
Bạn bấm vào url ở trên thì bạn sẽ chỉ nhảy tới nút bấm số 2. Vì sao vậy? Nguyên nhân là do nút này không tắt được vì không có thuộc tính collapse nên chỉ đơn giản là nhảy tới vị trí của nó.
Ví dụ tương tự với nút bấm số 3, nhưng lần này nếu bạn bấm lần nữa nút sẽ tắt, nguyên nhân vì nó có thuộc tính collapse.
http://www.gensokyovn.net/t1549-topic#y3
[ibut="a10" id="y1"]Tab 1 bộ a10[/ibut]
[ibut="a10" id="y2"]Tab 2 bộ a10[/ibut]
[ibut="a10" id="y3" collapse]Tab 3 bộ a10[/ibut]
[itab="a10"]Nội dung tab 1 bộ a10[/itab]
[itab="a10"]Nội dung tab 2 bộ a10[/itab]
[itab="a10"]Nội dung tab 3 bộ a10[/itab][ob]ibut="a10" id="y1"[cb]Tab 1 bộ a10[ob]/ibut[cb]
[ob]ibut="a10" id="y2"[cb]Tab 2 bộ a10[ob]/ibut[cb]
[ob]ibut="a10" id="y3" collapse[cb]Tab 3 bộ a10[ob]/ibut[cb]
[ob]itab="a10"[cb]Nội dung tab 1 bộ a10[ob]/itab[cb]
[ob]itab="a10"[cb]Nội dung tab 2 bộ a10[ob]/itab[cb]
[ob]itab="a10"[cb]Nội dung tab 3 bộ a10[ob]/itab[cb]
[hs1]FAQ[/hs1]
[indent]Q: Mình không bấm nút nhanh được , cứ bấm nhanh quá là lại chuyển qua chọn text.
A: Đang nâng cấp dần dần. [/indent]
[metabox][style="custom"]border: 4px double #ee00ee[/style][/metabox]
Similar topics
» BBCode [tip] ver 2.1, BBCode [tips] [tool], BBCode [tipin] [tipout]
» BBCode ký tự, các thuộc tính của BBCode
» BBCode tạo tiêu đề
» Id và BBCode [id] v1.2
» BBCode [box]
» BBCode ký tự, các thuộc tính của BBCode
» BBCode tạo tiêu đề
» Id và BBCode [id] v1.2
» BBCode [box]
|
|