Latest topics
25/3/2024, 3:24 am
by 
Amaori Kino
2/3/2024, 9:25 pm
by 
Chinhphuong
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

BBCode [itab] và [ibut] v1.1

Waifu
mr.equal
mr.equal
Administrator

Waifu Order : FA
. :
Online
Offline

Posts : 4931
Power : 10170
Faith : 2498
Ngày tham gia : 07/11/2014
Địa điểm : SDM

BBCode [itab] và [ibut] v1.1 Empty BBCode [itab] và [ibut] v1.1

Bài gửi by mr.equal 17/6/2015, 8:25 am

[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"]
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]
Đến đây là xong phần cơ bản BBCode [itab] và [ibut] v1.1 3186460637.[/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.
[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]
Nâng cao hơn về thuộc tính key
Spoiler:

[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]
[hs3]class[/hs3]: Đặt class cho tab.
[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]
[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.
[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]
[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.
[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-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]
Spoiler:
[/indent]

[hs1]FAQ[/hs1]
[indent]Q: Mình không bấm nút nhanh được BBCode [itab] và [ibut] v1.1 2082106397 , cứ bấm nhanh quá là lại chuyển qua chọn text.
A: Đang nâng cấp dần dần. BBCode [itab] và [ibut] v1.1 3861968747[/indent]
[metabox][style="custom"]border: 4px double #ee00ee[/style][/metabox]

Về Đầu Trang Go down

- Similar topics