Tìm thấy 3 mục

BBCode tạo các thẻ văn bản đặc biệt

[indent]Các BBCode tạo các thẻ văn bản đặc biệt[/indent]

Giới thiệu các BBCode tạo các thẻ như spoiler, hide, vv...

[hs1]Các BBCode tạo văn bản đặc biệt[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"][toc][/box][hs2]spoiler[/hs2] : Tạo thẻ spoiler
[indent][cbox][ob]spoiler[cb]{Nội dung}[ob]/spoiler[cb]
[ob]spoiler={Tên spoiler}[cb]{Nội dung}[ob]/spoiler[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo, "title" dùng nhập tên của spoiler, mặc định là "SPOILER", lưu ý là tên của spoiler luôn luôn được viết hoa toàn bộ.

Xem!:

[ob]spoiler=Xem![cb]Nội dung được giấu[ob]/spoiler[cb]

[/indent]

[hs2]code[/hs2] : Tạo thẻ code
[indent][cbox][ob]code[cb]{Nội dung}[ob]/code[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo, toàn bộ emo và BBCode đều không hoạt động đối với nội dung nằm bên trong thẻ này.
Bấm vào dòng SELECT CONTENT ở góc trên bên phải để chọn toàn bộ nội dung bên trong thẻ.

Code: [b]Nội dung không được in đậm ngay cả khi đang được bọc trong BBCode b[/b]

[ob]code[cb][ob]b[cb]Nội dung không được in đậm ngay cả khi đang được bọc trong BBCode b[ob]/b[cb][ob]/code[cb]

[/indent]

[hs2]quote[/hs2] : Tạo thẻ quote
[indent][cbox][ob]quote="{Tên người được trích dẫn}"[cb]{Nội dung}[ob]/quote[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo, ngoài ra bạn có thể nhanh chóng trích dẫn bằng cách bấm vào nút quote nằm ở góc trên bên phải bài viết mà bạn muốn trích dẫn.
Nếu tên người được trích dẫn khớp với tên thành viên trong forum thì bạn có thể vào profile của người đó bằng cách bấm vào tên của họ ở phía trên thẻ.

mr.equal đã viết:Bấm vào tên mình ở phía trên sẽ dẫn bạn tới profile của mình

[ob]quote="mr.equal"[cb]Bấm vào tên mình ở phía trên sẽ dẫn bạn tới profile của mình[ob]/quote[cb]

[/indent]

[hs2]hide[/hs2] : Tạo thẻ hide (nghiêm ngặt)
[indent][cbox][ob]hide[cb]{Nội dung}[ob]/hide[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo, nội dung được ẩn sẽ không thể được nhìn thấy cho tới khi bạn đăng nhập và đăng bài ngay trong topic có hide. Không hiệu lực với mấy thành viên bộ sậu.
Nội dung được hide không xuất hiện nếu bạn cố gắng quote lại bài viết.

[ob]hide[cb]..........[ob]/hide[cb]

[/indent]

[hs2]ihide[/hs2]: Tạo thẻ hide
[indent][cbox][ob]ihide[cb]{Nội dung}[ob]/ihide[cb][/cbox]
Em trai của hide, thằng này dễ dụ hơn, chỉ cần đăng nhập là nó hiện ráo rọi. Và không như thằng anh luôn đóng khung nội dung ẩn, sau khi đăng nhập vào bạn sẽ không nhận ra được đâu là nội dung ẩn và đâu là nội dung không ẩn.

[ihide]Không có gì khác biệt so với một đoạn văn bản thường, nhưng không thể nhìn thấy chừng nào chưa đăng nhập.[/ihide]

[ob]ihide[cb]Không có gì khác biệt so với một đoạn văn bản thường, nhưng không thể nhìn thấy chừng nào chưa đăng nhập.[ob]/ihide[cb]

[/indent]

[hs2]list[/hs2] : Tạo danh sách
[indent][cbox][ob]list[cb][*]{Nội dung mục 1}
[*]{Nội dung mục 2}
[*]{Nội dung mục 3}
[*]{Nội dung mục 4}[ob]/list[cb][/cbox]
BBCode này cũng đã được tích hợp sẵn trên thanh soạn thảo. Mỗi mục được đánh dấu bằng tag [ob]*[cb].
Hiện forum chưa hỗ trợ khả năng tạo danh sách bên trong một danh sách khác.

Mục 1. Mục 2. Mục 3.

[ob]list[cb][ob]*[cb]Mục 1 [ob]*[cb]Mục 2 [ob]*[cb]Mục 3[ob]/list[cb]

Thay [ob]list[cb] thành [ob]list=1[cb] ta sẽ có danh sách đánh số .
[cbox][ob]list=1[cb][*]{Nội dung mục 1}
[*]{Nội dung mục 2}
[*]{Nội dung mục 3}
[*]{Nội dung mục 4}[ob]/list[cb][/cbox]

Mục 1. Mục 2. Mục 3.

[ob]list=1[cb][ob]*[cb]Mục 1 [ob]*[cb]Mục 2 [ob]*[cb]Mục 3[ob]/list[cb]

[/indent]

[hs1]FAQ[/hs1]
[indent]Q: Tại sao mỗi giữa cái danh sách với đoạn ở dưới luôn có một khoảng trắng vậy?
A: Đặc điểm của code list.[/indent]


[metabox][tablestyle="bbcode"]width: 100%[/tablestyle]
[tablestyle="bbcode td"]padding: 3px; vertical-align: top; width: 100%[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(2)"]width: 65%; background-color: #ddeedd; font-family: monospace;[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(1)"]width: 35%; background-color: #eeeedd[/tablestyle][/metabox]

BBCode chèn url, ảnh, flash, video...

[indent]BBCode chèn url, ảnh, flash, video.[/indent]

Bài viết này giới thiệu các BBCode chèn đủ thứ vào bài viết.

[hs1]BBCode chèn url[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[toc][/box][hs2]url[/hs2] : Chèn url vào bài viết.
[indent][cbox][ob]url={Url cần chèn}[cb]{Nội dung}[ob]/url[cb][/cbox]
Url là một trong những BBCode được dùng phổ biến nhất trong forum hiện nay, BBCode này đã được tích hợp sẵn trên thanh soạn thảo, trong đó phần "url" là để bỏ url vào, phần "description" là để bỏ nội dung bên trong vào.

Nội dung Nội dung Nội dung

[ob]url=http://www.gensokyovn.net/[cb]Nội dung Nội dung Nội dung[ob]/url[cb]

BBCode này có nhược điểm là nếu bao quanh nội dung rồi ghép code vào thì phần nội dung bên trong sẽ bị xóa và thay vào đó là url được chèn.


What I mained.
[cbox]Nội dung Nội dung Nội dung -> Bôi đen -> Ghép url http://www.gensokyovn.net/[/cbox]
What I expected.
[cbox][ob]url=http://www.gensokyovn.net/]Nội dung Nội dung Nội dung[/url[cb][/cbox]
What I got.
[cbox][ob]url=http://www.gensokyovn.net/]http://www.gensokyovn.net/[/url[cb][/cbox]
Đắng lòng.
[/indent]

[hs2]j[/hs2]: Chèn url vào bài viết.
[indent][cbox][ob]j="{Url cần chèn}"[cb]{Nội dung}[ob]/url[cb][/cbox]
Em (gái) của url . Tuy nhiên làm được nhiều việc hơn thằng anh.

[j="http://www.gensokyovn.net/"]Nội dung Nội dung Nội dung[/j]

[ob]j="http://www.gensokyovn.net/"[cb]Nội dung Nội dung Nội dung[ob]/j[cb]

J còn có khả năng nhảy id, nhưng không như url, chúng ta có thể bỏ qua phần url đằng trước mà chỉ để lại phần id, cho j khả năng nhảy cơ động hơn.
-- Với url

Nội dung Nội dung Nội dung

[ob]url=http://www.gensokyovn.net/t1466-topic#xyz[cb]Nội dung Nội dung Nội dung[ob]/url[cb]

-- Với j

[j="#xyz"]Nội dung Nội dung Nội dung[/j]

[ob]j="#xyz"[cb]Nội dung Nội dung Nội dung[ob]/j[cb]

[id="xyz"]Đây là phần chứa id xyz[/id]
[/indent]

[hs1]BBCode chèn ảnh, video, flash[/hs1]
[hs2]img[/hs2] : Chèn ảnh vào bài viết.
[indent][cbox][ob]img[cb]{Url của ảnh}[ob]/img[cb]
[ob]img({Chiều dài}px,{Chiều cao}px)[cb]{Url của ảnh}[ob]/img[cb][/cbox]
BBCode được dùng nhiều nhất forum.
BBCode này được tích hợp sẵn trên thanh soạn thảo, trong đó "width" dùng chỉnh chiều dài của ảnh, "height" dùng chỉnh chiều cao của ảnh, và "url" dùng nhập url của ảnh, width và height là tùy chọn, không nhập thì ảnh giữ nguyên kích thước.
Ảnh chèn trong forum tự động bị resize nếu chiều dài vượt quá 760px hoặc chiều cao vượt quá 1500px.
Những ảnh không được gắn url thì có lightbox, nhấp chuột trực tiếp vào ảnh sẽ hiện ra khung xem ảnh.

	[ob]img[cb]https://2img.net/u/1513/31/05/82/avatars/16-26.png[ob]/img[cb]
	[ob]img(60px,60px)[cb]https://2img.net/u/1513/31/05/82/avatars/16-26.png[ob]/img[cb]

[/indent]

[hs2]flash[/hs2] : Chèn flash vào bài viết.
[indent][cbox][ob]flash({Chiều dài},{Chiều cao}[cb]{Url của flash}[ob]/flash[cb][/cbox]
Các flash được chèn chủ yếu là flash nhạc, còn những flash nặng hơn thì bị cấm.
BBCode này được tích hợp sẵn trên thanh soạn thảo, trong đó "width" dùng chỉnh chiều dài của flash, "height" dùng chỉnh chiều cao của flash, và "url" dùng nhập url của flash. Mặc định width/height là 500/500. Tất nhiên không phải loại flash nào cũng chèn được.

[ob]flash=(200,50)[cb]https://illiweb.com/fa/i/forumotion.swf[ob]/flash[cb]

[/indent]

[hs2]youtube[/hs2] : Chèn video từ youtube vào bài viết.
[indent][cbox][ob]youtube[cb]{Mã video}[ob]/youtube[cb][/cbox]
BBCode được tích hợp sẵn trên thanh soạn thảo, chỉ cần cho link Youtube vào thì code sẽ tự tách lấy mã video.
Nếu không bạn có thể lấy mã video bằng tay, đó là đoạn text đằng sau phần watch?v=
https://www.youtube.com/watch?v=ShlaX_sps-g ← Phần màu lục là mã video

[ob]youtube[cb]ShlaX_sps-g[ob]/youtube[cb]

[/indent]
[hs2]dailymotion[/hs2] : Chèn video từ dailymotion vào bài viết.
[indent][cbox][ob]dailymotion[cb]{Mã video}[ob]/dailymotion[cb][/cbox]
BBCode được tích hợp sẵn trên thanh soạn thảo, chỉ cần cho link Dailymotion vào thì code sẽ tự tách lấy mã video.
Nếu không thích bạn có thể lấy mã video bằng tay, đó là đoạn text nằm sau video/ và kéo dài tới dấu _ đầu tiên
https://www.dailymotion.com/video/x2qiurp_hd-touhou-rampaging-flandre_shortfilms ← Phần màu cam là mã video

[ob]dailymotion[cb]x2rym4a[ob]/dailymotion[cb]

[/indent]

[hs2]soundcloud[/hs2]: Chèn flash nhạc từ soundcloud vào bài viết
[indent][cbox][ob]soundcloud="{Mã flash}"[cb][/cbox]
Mã flash được cấu thành từ 3 phần.
https://soundcloud.com/ : Địa chỉ của soundcloud
lauqerm2/ : Tên người dùng
tmg-62-1 : Tên bài nhạc
→ https://soundcloud.com/lauqerm2/tmg-62-1
Trong chrome, chiều dài của flash là 250px, chiều cao là 81px. Trong Firefox hay IE thì chiều cao của flash luôn là 81px, còn chiều dài luôn là dài nhất có thể.

[soundcloud="https://soundcloud.com/lauqerm2/tmg-62-1"]

[ob]soundcloud="https://soundcloud.com/lauqerm2/tmg-62-1"[cb]

[/indent]

[hs1]FAQ[/hs1]
[indent]Q: Id là gì?
A: Giới thiệu sau.
Q: Loại flash up trên host nào thì chèn được vào forum?
A: Những host nào cho ra được link có đuôi .swf đều nên thử.

Q: BBCode flash không chèn được flash từ mp3.zing.vn, vậy phải làm thế nào?
A: Nếu mọi người có nhu cầu thì sẽ làm thêm code để chèn flash từ mp3.zing
Q: Sao trong mục flash phần chiều dài chiều cao lại có màu hồng nhỉ?
A: Sau này sẽ thấy những cái nào màu hồng nghĩa là bắt buộc phải nhập.
Q: Mình chèn ảnh vào nhưng sao nó lại hiện ra cái hình gì gì thế nhỉ.
A: Nguy cơ cao là do bạn đã hotlink.
Q: Mình thấy có BBCode này . Nó là gì vậy?
A: Đó là BBCode dùng acc tinypic của forum để làm host ảnh, không khuyến khích sử dụng.[/indent]


[metabox][tablestyle="bbcode"]width: 100%[/tablestyle]
[tablestyle="bbcode td"]padding: 3px; vertical-align: top; width: 100%[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(2)"]width: 65%; background-color: #ddeedd; font-family: monospace;[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(1)"]width: 35%; background-color: #eeeedd[/tablestyle][/metabox]

BBCode văn bản

[indent]Các BBCode định dạng đoạn văn bản[/indent]

Giới thiệu các BBCode dùng định dạng đoạn văn bản.

[hs1]BBCode căn lề[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[toc][/box][hs2]left[/hs2] : Căn lề trái
[indent][cbox][ob]left[cb]{Nội dung}[ob]/left[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo. Mặc định căn lề trong khi soạn thảo cũng là lề trái.

Nội dung

[ob]left[cb]Nội dung[ob]/left[cb]

[/indent]

[hs2]right[/hs2] : Căn lề phải
[indent][cbox][ob]right[cb]{Nội dung}[ob]/right[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo.

Nội dung

[ob]right[cb]Nội dung[ob]/right[cb]

[/indent]

[hs2]center[/hs2] : Căn giữa
[indent][cbox][ob]center[cb]{Nội dung}[ob]/center[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo.

Nội dung Nội dung Nội dung

[ob]center[cb]Nội dung Nội dung Nội dung[ob]/center[cb]

[/indent]

[hs2]justify[/hs2] : Căn đều hai bên
[indent][cbox][ob]justify[cb]{Nội dung}[ob]/justify[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo.

Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung

[ob]justify[cb]Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung Nội dung[ob]/justify[cb]

[/indent]

[hs1]Các BBCode định dạng văn bản khác[/hs1]
[hs2]hr[/hs2] : Tạo dấu ngắt trang
[indent][cbox][ob]hr[cb][/cbox]
BBCode này đã được tích hợp sẵn trên thanh soạn thảo. Nó sẽ tạo một dấu gạch ngang và đẩy mọi nội dung phía sau nó xuống bên dưới.

Cho dù nằm trên cùng dòng phần này vẫn sẽ bị đẩy xuống dưới

Cho dù nằm trên cùng dòng[ob]hr[cb]phần này vẫn sẽ bị đẩy xuống dưới

[/indent]

[hs2]indent[/hs2]: Thụt vào
[indent][cbox][ob]indent[cb]{Nội dung}[ob]/indent[cb]
[ob]indent="{Khoảng cách}"[cb]{Nội dung}[ob]/indent[cb]
[ob]indent indent="{Khoảng cách}}"[cb]{Nội dung}[ob]/indent[cb][/cbox]
Khoảng cách được nhập bao gồm cả đơn vị, nếu không nhập thì mặc định là thụt vào 30px.

[indent]Nội dung Nội dung Nội dung[/indent] [indent="45px"]Nội dung Nội dung Nội dung[/indent]

[ob]indent[cb]Nội dung Nội dung Nội dung[ob]/indent[cb] [ob]indent="45px"[cb]Nội dung Nội dung Nội dung[ob]/indent[cb]

[/indent]

[hs2]br[/hs2]: Xuống dòng
Đây là BBCode đơn. Dùng tạo một dòng trắng.
Mặc dù việc tạo một dòng trắng trông có vẻ đơn giản bằng cách ấn enter, nếu bạn đào sâu bạn sẽ cần tới BBCode này.
[indent][cbox][ob]br[cb][/cbox]

Nội dung Nội dung Nội dung[br]Nội dung Nội dung Nội dung

Nội dung Nội dung Nội dung[ob]br[cb]Nội dung Nội dung Nội dung

[/indent]

[hs1]FAQ[/hs1]
[indent]Q: Tại sao khi mình canh trái và canh phải trên cùng một dòng thì khi hiển thị lại ra hai dòng khác nhau?
A: Không thể dùng 4 BBCode canh lề có sẵn để canh hai lề khác nhau trên cùng một dòng.[/indent]


[metabox][tablestyle="bbcode"]width: 100%[/tablestyle]
[tablestyle="bbcode td"]padding: 3px; vertical-align: top; width: 100%[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(2)"]width: 65%; background-color: #ddeedd; font-family: monospace;[/tablestyle]
[tablestyle="bbcode td#cl#nth-child(1)"]width: 35%; background-color: #eeeedd[/tablestyle][/metabox]