Latest topics
9/5/2024, 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 tạo bảng
- Waifu
mr.equal
Administrator - Waifu Order : FA. :
Online Offline Posts : 4931Power : 10170Faith : 2498Ngày tham gia : 07/11/2014Địa điểm : SDM
BBCode tạo bảng
[indent]BBCode tạo bảng[/indent]
Giới thiệu về BBCode table, tr và td.
[hs1]BBCode table, tr và td[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[indent][cbox][ob]table[cb]{Nội dung}[ob]/table[cb][/cbox]
BBCode table chỉ đơn giản là tạo ra không gian chứa nội dung của bảng, chưa tạo ra bảng thực sự.
Nội dung của bảng chỉ bao gồm các dòng, các phần khác không phải là dòng của bảng đều sẽ bị đẩy lên trên table.
[/indent]
[hs2]tr[/hs2]: Tạo dòng trong bảng
[indent][cbox][ob]tr[cb]{Nội dung}[ob]/tr[cb][/cbox]
BBCode tr chỉ đơn giản là tạo ra không gian chứa các ô của nó, chưa tạo ra một dòng thực sự.
Nội dung của dòng chỉ bao gồm các ô, các phần khác không phải là ô đều sẽ bị đẩy lên trên table.
[/indent]
[hs2]td[/hs2]: Tạo ô trong bảng
[indent][cbox][ob]td[cb]{Nội dung}[ob]/td[cb][/cbox]
BBCode td tạo ra các ô của bảng, đây chính là thành phần thực sự tạo nên các bảng.
[/indent]
[hs1]Các thuộc tính của table, tr, td[/hs1]
[hs2]Thuộc tính chung cho cả table, tr, td[/hs2]
[indent][hs3]style[/hs3]: Quyết định bề ngoài của bảng/dòng/cột
Thuộc tính này nhận các thông số css.
[hs3]class[/hs3]: Đặt class cho bảng/dòng/cột
Thuộc tính này sẽ đưa các thông số css chứa trong class tương ứng vào bảng/dòng/cột.
[/indent]
[hs2]Thuộc tính chỉ riêng có cho td[/hs2]
[indent][hs3]colspan[/hs3]: Nhập nhiều cột lại với nhau
Ô mang thuộc tính này sẽ nối với các ô khác bên phải nó để tạo thành một ô duy nhất.
[hs3]rowspan[/hs3]: Nhập nhiều hàng lại với nhau
Ô mang thuộc tính này sẽ nối với các ô khác ở bên dưới nó để tạo thành một ô duy nhất.
[/indent]
Ví dụ phức tạp hơn.
[hs1]FAQ[/hs1]
[indent]Q: Tại sao mình code thử nhưng cái "bảng" nó chẳng có viền nối gì hết vậy...
A: Đặt thuộc tính class cho table là "normal"
[cbox][ob]table class="normal"[cb]{Nội dung bên trong}[ob]/table[cb][/cbox]
Q: Còn class nào mà mình có thể sử dụng?
A: Về lý thuyết bạn tự tạo ra class để sử dụng, sẽ giới thiệu trong BBCode tablestyle.
Q: Có thông số nào loại bỏ đi khoảng trắng ở giữa mấy cái ô không nhỉ.
A: border-collapse: collapse
Q: Tại sao mình đặt border cho tr nhưng lại không thấy hiện ra nhỉ?
A: Bạn phải đặt border-collapse: collapse cho table trước đã.
Q: Tại sao mình lại không đặt được border cho table của cái bảng ở trên nhỉ...
A: Vì border của tr đè lên border của table rồi
Mình đặt border cho table là border màu đỏ, còn border cho tr thứ 2 là màu hồng, bạn có thể thấy border của tr đã đè lên border của table.
[/indent]
[metabox][tablestyle="none"]width: 100%[/tablestyle]
[tablestyle="none td"]border: 1px solid black; padding: 2px; background-color: #eeeedd!important; font-family: arial!important; width: 50%[/tablestyle]
[tablestyle="custom td"]border: 2px dashed #ff0000; padding: 3px; background-color: #ffbbbb!important; font-family: arial!important; width: 150px!important[/tablestyle][/metabox]
Giới thiệu về BBCode table, tr và td.
[hs1]BBCode table, tr và td[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
Mục lục
[toc][/box][hs2]table[/hs2]: Tạo bảng[indent][cbox][ob]table[cb]{Nội dung}[ob]/table[cb][/cbox]
BBCode table chỉ đơn giản là tạo ra không gian chứa nội dung của bảng, chưa tạo ra bảng thực sự.
Nội dung của bảng chỉ bao gồm các dòng, các phần khác không phải là dòng của bảng đều sẽ bị đẩy lên trên table.
[/indent]
[hs2]tr[/hs2]: Tạo dòng trong bảng
[indent][cbox][ob]tr[cb]{Nội dung}[ob]/tr[cb][/cbox]
BBCode tr chỉ đơn giản là tạo ra không gian chứa các ô của nó, chưa tạo ra một dòng thực sự.
Nội dung của dòng chỉ bao gồm các ô, các phần khác không phải là ô đều sẽ bị đẩy lên trên table.
[/indent]
[hs2]td[/hs2]: Tạo ô trong bảng
[indent][cbox][ob]td[cb]{Nội dung}[ob]/td[cb][/cbox]
BBCode td tạo ra các ô của bảng, đây chính là thành phần thực sự tạo nên các bảng.
| [ob]table[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 1[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 2[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 2[ob]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
[hs1]Các thuộc tính của table, tr, td[/hs1]
[hs2]Thuộc tính chung cho cả table, tr, td[/hs2]
[indent][hs3]style[/hs3]: Quyết định bề ngoài của bảng/dòng/cột
Thuộc tính này nhận các thông số css.
| [ob]table[cb] [space][ob]tr[cb] [space][space][ob]td style="border: 4px solid #00dd00; border-radius: 10px"[cb]Dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td style="border: 4px solid #00dd00; border-radius: 10px"[cb]Dòng 2[ob]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
[hs3]class[/hs3]: Đặt class cho bảng/dòng/cột
Thuộc tính này sẽ đưa các thông số css chứa trong class tương ứng vào bảng/dòng/cột.
| [ob]table class="custom"[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 1[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 2[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 2[ob]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
[hs2]Thuộc tính chỉ riêng có cho td[/hs2]
[indent][hs3]colspan[/hs3]: Nhập nhiều cột lại với nhau
Ô mang thuộc tính này sẽ nối với các ô khác bên phải nó để tạo thành một ô duy nhất.
| [ob]table class="none"[cb] [space][ob]tr[cb] [space][space][ob]td colspan="2"[cb]Ô 1 dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 2[cb]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 2[cb]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td colspan="2"[cb]Ô 1 dòng 3[cb]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
[hs3]rowspan[/hs3]: Nhập nhiều hàng lại với nhau
Ô mang thuộc tính này sẽ nối với các ô khác ở bên dưới nó để tạo thành một ô duy nhất.
| [ob]table class="none"[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 1[ob]/td[cb] [space][space][ob]td rowspan="3"[cb]Ô 2 dòng 1[ob]/td[cb] [space][space][ob]td[cb]Ô 3 dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 2[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 2[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 3[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 3[ob]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
Ví dụ phức tạp hơn.
| [ob]table class="none"[cb] [space][ob]tr[cb] [space][space][ob]td colspan="4"[cb]Ô 1 dòng 1[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 2[ob]/td[cb] [space][space][ob]td colspan="2" rowspan="2"[cb]Ô 2 dòng 2[ob]/td[cb] [space][space][ob]td[cb]Ô 3 dòng 2[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td rowspan="3"[cb]Ô 1 dòng 3[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 3[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 4[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 4[ob]/td[cb] [space][space][ob]td[cb]Ô 3 dòng 4[ob]/td[cb] [space][ob]/tr[cb] [space][ob]tr[cb] [space][space][ob]td[cb]Ô 1 dòng 5[ob]/td[cb] [space][space][ob]td[cb]Ô 2 dòng 5[ob]/td[cb] [space][space][ob]td[cb]Ô 3 dòng 5[ob]/td[cb] [space][ob]/tr[cb] [ob]/table[cb] |
[hs1]FAQ[/hs1]
[indent]Q: Tại sao mình code thử nhưng cái "bảng" nó chẳng có viền nối gì hết vậy...
A: Đặt thuộc tính class cho table là "normal"
[cbox][ob]table class="normal"[cb]{Nội dung bên trong}[ob]/table[cb][/cbox]
Q: Còn class nào mà mình có thể sử dụng?
A: Về lý thuyết bạn tự tạo ra class để sử dụng, sẽ giới thiệu trong BBCode tablestyle.
Q: Có thông số nào loại bỏ đi khoảng trắng ở giữa mấy cái ô không nhỉ.
A: border-collapse: collapse
Ô 1 dòng 1 | Ô 2 dòng 1 |
Ô 1 dòng 2 | Ô 2 dòng 2 |
A: Bạn phải đặt border-collapse: collapse cho table trước đã.
Ô 1 dòng 1 | Ô 2 dòng 1 |
Ô 1 dòng 2 | Ô 2 dòng 2 |
A: Vì border của tr đè lên border của table rồi
Ô 1 dòng 1 | Ô 2 dòng 1 |
Ô 1 dòng 2 | Ô 2 dòng 2 |
[/indent]
[metabox][tablestyle="none"]width: 100%[/tablestyle]
[tablestyle="none td"]border: 1px solid black; padding: 2px; background-color: #eeeedd!important; font-family: arial!important; width: 50%[/tablestyle]
[tablestyle="custom td"]border: 2px dashed #ff0000; padding: 3px; background-color: #ffbbbb!important; font-family: arial!important; width: 150px!important[/tablestyle][/metabox]
- Waifu
conmeodien - Waifu Order : Waifu. :
Online Offline Posts : 3Power : 3Faith : 0Ngày tham gia : 22/09/2016
Re: BBCode tạo bảng
Admin cho mình hỏi là khi tao xong các bảng hay thẻ BBcode thì có đặc điểm là khoảng cách giữa các bảng cách nhau rất xa hoặc k kiểm soát đc bạn à, trong BBcode thi sát, k thêm ký tự hay khoảng trống nào.. mà save 1 cái thì xa ngàn dặm @@..
- Waifu
mr.equal
Administrator - Waifu Order : FA. :
Online Offline Posts : 4931Power : 10170Faith : 2498Ngày tham gia : 07/11/2014Địa điểm : SDM
- Waifu
conmeodien - Waifu Order : Waifu. :
Online Offline Posts : 3Power : 3Faith : 0Ngày tham gia : 22/09/2016
- Waifu
conmeodien - Waifu Order : Waifu. :
Online Offline Posts : 3Power : 3Faith : 0Ngày tham gia : 22/09/2016
Re: BBCode tạo bảng
Mình thấy không biết thế nào cả, gõ tiếng anh cũng k thấy đáp án, cài thẻ BBcode h2 cho SEO ý, cũng y rứa, khoảng cách chúng xa quá, k ổn định...
Mà admin sài table BBcode nào vậy? bản của mình k chia phức tạp đc như ad, chỉ chia đơn thuần như dạng 1 thôi, mấy dạng khác k làm đc @@.
Của mình Xenforo.
Mà admin sài table BBcode nào vậy? bản của mình k chia phức tạp đc như ad, chỉ chia đơn thuần như dạng 1 thôi, mấy dạng khác k làm đc @@.
Của mình Xenforo.
- Waifu
mr.equal
Administrator - Waifu Order : FA. :
Online Offline Posts : 4931Power : 10170Faith : 2498Ngày tham gia : 07/11/2014Địa điểm : SDM
Re: BBCode tạo bảng
Có thể là do những khúc này.
Editor hiện tại của forum mình là SCEditor ( http://www.sceditor.com/ ), còn những loại BBCode này là do mình tự viết ra đó bạn.
- Code:
[tr]<xuống dòng>
[td]a<xuống dòng>
[/td]
[/tr]<xuống dòng>
Editor hiện tại của forum mình là SCEditor ( http://www.sceditor.com/ ), còn những loại BBCode này là do mình tự viết ra đó bạn.
- Waifu
Sponsored content
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
» Hỏi đáp bbcode - mọi vấn đề về bbcode trong forum
» Đếm số bằng hình
» [Bảng B] Tewi's LG - Fandom
» BBCode ký tự, các thuộc tính của BBCode
» Hỏi đáp bbcode - mọi vấn đề về bbcode trong forum
» Đếm số bằng hình
» [Bảng B] Tewi's LG - Fandom
|
|