Latest topics
Today at 5:27 pm» Giao diện forumby duelist
Today at 4:07 pm» Tu đây i ao ơ bớt đây, lét pặc ti !by hoivn1003
Today at 2:09 am» [Gallery][Non-Touhou] Allair: Hang rắnby amilorea
Yesterday at 9:49 pm» Bản nhạc bạn đang nghe là gì? Ver 3by duelist
Yesterday at 8:21 pm» Bấm giờ mỗi ngàyby duelist
Yesterday at 7:16 pm» Touhou WTF - Ver 14by khazit
Yesterday at 5:35 pm» Kokoro And The Outside World 2by hoivn1003
Yesterday at 4:38 pm» [Reitaisai 15][Echoes Construction] GET TO THE STAGEby sawsore
Yesterday at 4:37 pm» [Reitaisai 15][Cry Of The Soul] Nightmare Of The Soulby sawsore
Yesterday at 4:36 pm» [Reitaisai 15][暁Records] オマケベストなのか~その①by sawsore
Yesterday at 4:35 pm» [Reitaisai 15][BUTAOTOME] 大貧民by sawsore
Yesterday at 4:35 pm» [Reitaisai 15][おさないようじょ] おさよう春の大感謝祭罪CD 進捗どうですか? ―私はダメでした。by sawsore
Yesterday at 4:34 pm» [Reitaisai 15][埼玉最終兵器] Time Fliesby sawsore
Yesterday at 4:33 pm» [Reitaisai 15][Unchiku Company] 絃双禧譚by sawsore
Yesterday at 4:33 pm» [Reitaisai 15][Groover Coster] GROOVE COASTER 4 STARLIGHT ROAD × 東方projectby sawsore
Yesterday at 4:32 pm» [Reitaisai 15][おちゃつぼフィルハーモニック管幻楽団] 永夜交響詩~symphonic fantasumⅤ~by sawsore
Yesterday at 4:31 pm» [Reitaisai 15][カナタノート] She Remembers The Dayby sawsore
Yesterday at 3:11 pm» [Game] Ban nick bạn phía trên - Ver 2by dungVH
15/7/2018, 3:59 pm» 【Kỉ niệm 100 sub】【Vietsub】Min ~Say giấc - Sally by Katsuragi Rin
15/7/2018, 5:16 am» Bạn thích những cặp nào trong Touhou?by dungVH
14/7/2018, 11:55 pm» Tuyển tập nhân vật trông như của Touhou nhưng-thực-ra-không-phải-của-Tou-houby DaemonLorn
14/7/2018, 4:21 pm» [C74][ししまいブラザーズ (Shishimai Brothers)] 此花 (Konohana)by dungVH
14/7/2018, 11:01 am» Members' Fanartby khazit
13/7/2018, 6:10 pm» Bạn thích nhất những nhân vật nào trong các boss stage 6 và bản fightingby duelist
13/7/2018, 5:01 pm» [C82][Sound Refil] CEREJEIRAby dungVH
12/7/2018, 9:51 am» [Fan Game][English]TOUHOU CHRONICLES ~ TALES OF THE TWO IMMORTALS ~《东方年代记~双姬蓬莱物语~》by namvipboy1234
11/7/2018, 6:50 pm» Đếm số bằng hìnhby Tomari Kuroki
11/7/2018, 5:43 pm» Hỏi đáp chungby mr.equal
10/7/2018, 7:39 am» Xếp hạng waifu (Touhou Character Sorter)by namvipboy1234
10/7/2018, 1:05 am» Random WTFby dungVH

BBCode [tip] ver 2.1, BBCode [tips] [tool], BBCode [tipin] [tipout]

Xem chủ đề cũ hơn Go down Xem chủ đề mới hơn

BBCode [tip] ver 2.1, BBCode [tips] [tool], BBCode [tipin] [tipout]

Bài gửi by mr.equal on 17/6/2015, 11:42 am

[indent]BBCode tạo chú thích[/indent]
Giới thiệu về BBCode tip 2.0.
Phần trong spoiler là phần nâng cao, có thể bỏ qua nếu muốn.
Các tip cũ vẫn hoạt động như bình thường.

[hs1]BBCode tip[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
Mục lục
[toc][/box][hs2]tip - Cơ bản[/hs2]
[indent]BBCode này sẽ bọc chú thích (sau này gọi là tip) trong (?), khi đưa chuột vào thì bảng chú thích sẽ hiện ra.
[cbox][ob]tip[cb]{Nội dung bên trong tip}[ob]/tip[cb][/cbox]
[tip]Đây là nội dung bên trong tip[/tip]
[ob]tip[cb]Đây là nội dung bên trong tip[ob]/tip[cb]
Ngang đây là bạn đã có thể sử dụng được code tip rồi. Nếu muốn có khả năng tùy biến nhiều hơn thì hãy đọc tiếp.
[hs2]tip - Các thuộc tính trung bình[/hs2]
Các thuộc tính tầm trung - style, class, link và tip
[indent][hs3]tip[/hs3]: Đặt nội dung chứa tip
Nếu không muốn dùng (?) mặc định, bạn có thể thay nó bằng đoạn văn bản khác tùy ý.
[tip tip="Chú thích"]Đây là nội dung bên trong tip[/tip]
[ob]tip tip="Chú thích"[cb]Đây là nội dung bên trong tip[ob]/tip[cb]
[hs3]style[/hs3]: Quyết định bề ngoài của tip
Thuộc tính này tiếp nhận thông số CSS.
Màu của mũi tên chỉ thay đổi theo màu viền.
[tip style="border: 4px double red"]Đây là nội dung bên trong tip[/tip]
[ob]tip style="border: 4px double red"[cb]Đây là nội dung bên trong tip[ob]/tip[cb]
[hs3]class[/hs3]: Đặt lớp cho tip
[hs3]link[/hs3]: Đặt url cho tip
Url này sẽ được mở khi người dùng bấm trực tiếp vào tip, mặc định là nhảy lên đầu trang hiện tại.
[tip link="http://www.gensokyovn.net/"]Đây là nội dung bên trong tip[/tip]
[ob]tip link="http://www.gensokyovn.net/"[cb]Đây là nội dung bên trong tip[ob]/tip[cb]
[/indent]

Ngang đây là bạn đã có thể tùy biến code tip thoải mái theo ý mình rồi . Phần tiếp theo nói về các thông số cao cấp của tip, có thể bỏ qua nếu muốn. [/indent]

[hs2]tip - Các thuộc tính cao cấp[/hs2]
[indent]Các thuộc tính cao cấp - click, type và key
Spoiler:

[hs3]type[/hs3]
Thuộc tính này tiếp nhận các loại thông số sau, ngăn cách nhau bằng dấu phẩy (,), thông số vắng mặt sẽ được để mặc định.
- Thông số vị trí ngang:
[indent]+ right: Tip xuất hiện lệch phải, mặc định
+ center: Tip xuất hiện chính giữa
+ left: Tip xuất hiện lệch trái[/indent]
- Thông số vị trí dọc:
[indent]+ bot: Tip xuất hiện lệch dưới, mặc định
+ middle: Tip xuất hiện chính giữa (dọc)
+ top: Tip xuất hiện lệch trên[/indent]
- Thông số vị trí trục: (hết tên để gọi )
[indent]+ hor: Tip xuất hiện trên trục ngang (trên hoặc dưới), mặc định
+ ver: Tip xuất hiện trên trục dọc (trái hoặc phải)[/indent]
- Thông số mũi tên chỉ:
[indent]+ arrow: Tip xuất hiện có mũi tên chỉ, mặc định
+ no-arrow: Tip xuất hiện không có mũi tên chỉ[/indent]
[b3] Phối hợp ba thông số quyết định trục, vị trí ngang và vị trí dọc, ta tạo ra được 12 kiểu hiển thị tip khác nhau, màu xám là thông số type mặc định.
[tip type="left,top,hor" key="x"][import="1"][/tip]

left,top,hor
[tip type="center,top,hor" key="x"][import="1"][/tip]

center,top,hor
[tip type="right,top,hor" key="x"][import="1"][/tip]

right,top,hor
[tip type="left,top,ver" key="x"][import="1"][/tip]

left,top,ver
[tip="Mở tất cả" style="border: 0px solid black" key="x" click type="no-arrow,center,bot"][/tip]
[tip type="right,top,ver" key="x"][import="1"][/tip]

right,top,ver
[tip type="left,center,ver" key="x"][import="1"][/tip]

left,center,ver
[tip type="right,center,ver" key="x"][import="1"][/tip]

right,center,ver
[tip type="left,bot,ver" key="x"][import="1"][/tip]

left,bot,ver
[tip type="right,bot,ver" key="x"][import="1"][/tip]

right,bot,ver
[tip type="left,bot,hor" key="x"][import="1"][/tip]

left,bot,hor
[tip type="center,bot,hor" key="x"][import="1"][/tip]

center,bot,hor
[tip type="right,bot,hor" key="x"][import="1"][/tip]

right,bot,hor
[b3] Thông số no-arrow loại bỏ mũi tên chỉ
[tip type="no-arrow"]Đây là nội dung bên trong tip[/tip]
[ob]tip type="no-arrow"[cb]Đây là nội dung bên trong tip[ob]/tip[cb]
[hs3]click[/hs3]
Thuộc tính click bắt người dùng phải bấm trực tiếp vào tip để hiển thị nội dung, đồng nghĩa với việc thuộc tính link bị vô hiệu hóa.
Click là thuộc tính đơn, nên chỉ cần khai báo click, không cần thông số nào khác.
Icon báo hiệu tip sẽ tự động bị xóa nếu khai báo click.
[tip click]Click trực tiếp vào tip sẽ không bật url mà chỉ hiển thị tip[/tip]
[ob]tip click[cb]Click trực tiếp vào tip sẽ không bật url mà chỉ hiển thị tip[ob]/tip[cb]
[hs3]key[/hs3]
Thuộc tính này cho phép bạn đặt "khóa" cho tip, và khi được gọi, toàn bộ tip mang key giống nhau sẽ hiển thị cùng một lúc.
Vậy làm sao để "gọi" chúng? Bất kỳ tip nào mang key và thông số click đều có thể gọi các tip khác mang key giống chúng.
[tip key="y" type="left,top,ver" style-outer="width: 200px"]Tip số 1, mang key y, không có thông số click[/tip]

[tip key="y" click type="right,top,ver"]Tip số 2, key y, mang thông số click[/tip]

[tip key="y" type="left,center"]Tip số 3, mang key y, không có thông số click[/tip]

[tip key="y" click type="right,center"]Tip số 4, mang key y, mang thông số click[/tip]
[ob]tip key="y" type="left,top"[cb]Tip số 1, mang key y, không có thông số click[ob]/tip[cb]
[ob]tip key="y" type="right,top" click[cb]
Tip số 2, mang key y, mang thông số click[ob]/tip[cb]
[ob]tip key="y" type="bot,center"[cb]
Tip số 3, mang key y, không có thông số click[ob]/tip[cb]
[ob]tip key="y" type="top,center" click[cb]
Tip số 4, mang key y, mang thông số click[ob]/tip[cb]
Như ví dụ trên, bạn có thể thấy cả 4 tip đều mang key giống nhau, nhưng khi đưa chuột vào tip số 1 và số 3 thì chúng chỉ hiển thị đơn lẻ. Chỉ khi bấm vào tip số 2 hoặc 4 (mang thông số click), cả 4 tip trong chuỗi sẽ đồng loạt hiển thị.
[/indent]


[hs1]BBCode tipin và tipout[/hs1]
[indent]Phối hợp tipin và tipout để tạo ra combo nhảy tới-lui giữa tip và dòng chú thích như của wiki.
Khóa sẽ kết nối giữa phần chú thích trên và dưới.
Hiện tại chưa có hệ thống đánh số tự động, vậy nên tên của khóa cũng chính là số thứ tự của tip.
[cbox][ob]tipout="key"[cb]

[ob]tipin="key"[cb]{Nội dung bên trong tip}[ob]/tipin[cb][/cbox]
[tipout="1"]

[tipin="1"]Đây là nội dung bên trong tip[/tipin]
[ob]tipout="1"[cb]

[ob]tipin="1"[cb]Đây là nội dung bên trong tip[ob]/tipin[cb]
[/indent]
Giờ bạn có thể thử bấm vào tip, bạn sẽ nhảy tới dòng chú thích và dòng đó sẽ được làm nổi, bấm vào số thứ tự để nhảy về tip ban đầu.


[hs1]tips và tool[/hs1]
Giới thiệu về BBCode tips và tool.
[hs2]tips[/hs2]
BBCode tips cho phép tạo ra một tip với nhiều bảng nội dung khác nhau. Không như BBCode tip chỉ có một bảng nội dung ứng với mỗi tip, ngoài ra trong khi tip tạo bằng BBCode tip chỉ chấp nhận nội dung văn bản, tip tạo bằng BBCode tips có thể dùng lên mọi loại nội dung.
Các BBCode tip nằm bên trong tips sẽ chỉ hiển thị nội dung của tip.
[cbox][ob]tips[cb]
[indent][ob]tool[cb]{Nội dung}[ob]/tool[cb]
[ob]tip[cb]{Nội dung tip 1}[ob]/tip[cb]
[ob]tip[cb]{Nội dung tip 2}[ob]/tip[cb]
[ob]tip[cb]{Nội dung tip n}[ob]/tip[cb]
[/indent]
[ob]/tips[cb][/cbox]
[tips][tool]Đây là tip[/tool]
[tip type="center,left"]Đây là nội dung bên trong tip 1[/tip]
[tip type="center,top"]Đây là nội dung bên trong tip 2[/tip]
[tip type="center,right"]Đây là nội dung bên trong tip 3[/tip][/tips]
[ob]tips[cb]
[indent][ob]tool[cb]Đây là tip[ob]/tool[cb]
[ob]tip type="center,left"[cb]
Đây là nội dung bên trong tip 1[ob]/tip[cb]
[ob]tip type="center,top"[cb]
Đây là nội dung bên trong tip 2[ob]/tip[cb]
[ob]tip type="center,right"[cb]
Đây là nội dung bên trong tip 3[ob]/tip[cb][/indent]
[ob]/tips[cb]
Trong ví dụ mình đang đặt thuộc tính type của 3 bảng tip ra 3 loại khác nhau, vì nếu không chúng sẽ phủ chồng lên nhau.
[hs2]tool[/hs2]
BBCode tool giúp đặt lại nội dung của tip, nếu không tìm thấy BBCode tool, nội dung của tip sẽ là nội dung mặc định ((?)).
[tips][tool][/tool]
[tip type="center,left"]Đây là nội dung bên trong tip 1[/tip]
[tip type="center,top"]Đây là nội dung bên trong tip 2[/tip]
[tip type="center,right"]Đây là nội dung bên trong tip 3[/tip][/tips]
[ob]tips[cb]
[indent][ob]tool[cb][ob]img(125px,125px)[cb]https://imgfast.net/users/1513/31/05/82/avatars/1395-85.jpg[ob]/img[cb][ob]/tool[cb]
[ob]tip type="center,left"[cb]
Đây là nội dung bên trong tip 1[ob]/tip[cb]
[ob]tip type="center,top"[cb]
Đây là nội dung bên trong tip 2[ob]/tip[cb]
[ob]tip type="center,right"[cb]
Đây là nội dung bên trong tip 3[ob]/tip[cb][/indent]
[ob]/tips[cb]
[hs2]tips - Các thuộc tính[/hs2]
[indent][hs3]click[/hs3]
Đã giới thiệu ở trên.
[hs3]link[/hs3]
Đã giới thiệu ở trên.
[hs3]key[/hs3]
Đã giới thiệu ở trên.[/indent]

[hs1]Changelog[/hs1]
- Ver 2.0 lên 2.1:
* Các thuộc tính class-outer, style-outer bị loại bỏ.
* Click được tách ra làm thuộc tính đơn.
* Tip giờ cho phép hỗ trợ class có thuộc tính transition.
* BBCode [tipbox] bị loại bỏ.
* Thêm các BBCode [ob]tips[cb] và [ob]tool[cb]

[hs1]FAQ[/hs1]
[indent]
Q: Mình vô ý khiến mấy hộp nội dung che mất tiêu mấy cái nút tip rồi, giờ không tắt đi được.
A: Bấm vào mũi tên chỉ của một trông số mấy cái tip đó. Toàn bộ tip trong chuỗi sẽ tự tắt.
Q: Mình để no-arrow thì sao...
Q: Mình lỡ che mất tiêu mấy cái mũi tên luôn...
Q: Mình...
A: Bấm F5 để nhận sự trợ giúp Yaoming nếu đang soạn thảo thì nhớ lưu lại bài trước.
Q: Mình có thể tạo được nhiều tip lồng nhau không?
A: Được. [tips]
[tool]Đây là tip[/tool]
[tip]Tip 1 Tip 1 Tip 1 Tip 1 [tips]
[tool]Đây là tip nằm trong tip[/tool]
[tip type="center,right"]Tip 2 Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2 Tip 2[/tip]
[tip type="center,bot"]Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2[/tip]
[/tips][/tip]
[tip type="center,left"]Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1[/tip]
[/tips]

Q: Mình có thể tạo thêm tip trong BBCode tool không?.
A: Về lý thuyết thì được, nhưng không khuyến khích. [tips]
[tool]Đây là tip nằm trong tool
[tips]
[tool]Tip trong tool[/tool]
[tip type="center,right"]Tip 2 Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2 Tip 2[/tip]
[tip type="center,bot"]Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2
Tip 2 Tip 2 Tip 2[/tip]
[/tips][/tool]
[tip]Tip 1 Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1 Tip 1[/tip]
[tip type="center,left"]Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1
Tip 1 Tip 1 Tip 1[/tip]
[/tips]

Q: Khi mình thu nhỏ cửa sổ lại thì tip nó bị lệch lệch sao ấy.
A: Dùng thông số style-outer đặt width cố định.[/indent]

[metabox][tablestyle="alter"]border: 1px solid #00bb00; border-radius: 5px; width: 100%[/tablestyle]
[tablestyle="alter td"]border: 1px solid #00bb00; border-radius: 5px; padding: 2px[/tablestyle]
[style="buton2"]width: 100%; border: 2px solid #0e0; padding: 2px; margin-left: 1px[/style]
[style="butoff2"]width: 100%; border: 2px solid #0e0; background-color: #0e0; padding: 2px; margin-left: 1px[/style]
[style="tab2"]width: 100%;
margin: 0px;
border-width: 2px;
border-color: #0e0;
border-style: none solid solid solid;[/style]
[export="1"]Nội dung bên trong tip
Nội dung bên trong tip
Nội dung bên trong tip[/export]
[style="xz"]background-color: #FFF;
 border: 1px solid #C9D2D8;
 font-size: 1em;
 padding: 3px;display: block;
[/style]
[style="abc"]background-color: #ded;
 font-family: monospace;[/style][/metabox]
Waifu
avatar
mr.equal
Administrator
Xem lý lịch thành viên

Waifu Order : FA
. :
Online
Offline

Posts : 4826
Power : 9572
Faith : 2053
Ngày tham gia : 07/11/2014
Địa điểm : SDM

Về Đầu Trang Go down

Xem chủ đề cũ hơn Về Đầu Trang Xem chủ đề mới hơn


Permissions in this forum:
Bạn không có quyền trả lời bài viết