Update BBCode [26/6: HIDE]

Ultimate

Ultimate

Administrator
Staff member
Hiện code còn khá cùi, tuy chạy được nhưng sau khi edit/post phải f5 (cái này chắc không sửa được) và không preview được (cái này sẽ ráng sửa).

Code: 
[tabs=id_của_tab_bắt_buộc_phải_có|thuộc tính nút tab|thuộc tính nút tab khi di chuột lên|thuộc tính nút tab khi được chọn|thuộc tính ô tab hiển thị]
[tab=tên tab 1]nd1.............[/tab]
[tab=tên tab 1=2]nd2..................[/tab]
[/tabs]

Thuộc tính css mặc định - có thể sẽ thay đổi tuy nhiên sẽ không ảnh hưởng gì vì css mặc định nằm ở <head> còn thuộc tính viết trong code
nằm ngay trong post nên sẽ được ưu tiên (a.k.a không cần dùng !important để sửa lại những cái mặc định):
Code: 
.tablabel {
  order: 1; // liên quan tới cấu trúc code tabs, đừng sửa nhé
  cursor: pointer;
  padding: 5px 15px;
  color: #16A2D7;
  border-top: 1px solid #D7DBDD;
}

.tablabel.is-tab-selected {
  border-bottom: 2px solid #4EBBE4;
}

.tabcontent {
  order: 999; // liên quan tới cấu trúc code tabs, đừng sửa nhé
  flex-grow: 1; // liên quan tới cấu trúc code tabs, đừng sửa nhé
  border: 1px solid #4EBBE4;
  width: 100%;
  display: none;
  padding: 0.5rem;
}


ví dụ:
Code: 
[tabs=idtab1|background:white;||background:blue| border-style:dashed;]
[tab=Tab 1]nd1.............[/tab]
[tab=Tab 2]nd2..................[/tab]
[/tabs]


Tab 1
nd1.............

Tab 2
nd2..................


 
Ultimate

Ultimate

Administrator
Staff member
Xài như box ở vns, nhưng nếu không dùng đến ||| ở đằng sau thì cũng không cần bỏ vô

Code: 
[box=pink; border: 1px solid green]abc[/box]
abc
 
Ultimate

Ultimate

Administrator
Staff member
Một kiểu box nâng cao chứ hoàn toàn không phải là do hôm bữa làm box yêm quên bỏ chỗ để làm class và id, nhận 3 thứ là class, id và style cho 1 div. Style cũng bắt đầu bằng "background:".
Code: 
[div=class|id|style (nhớ là đã có background: ở trước)][/div]

Ví dụ:
Code: 
[div=abc mno|def|pink; width: 300px; height: 100px;]text[/div]
là
Code: 
<div class="abc mno" id="def" style="background:pink; width: 300px; height: 100px;">text</div>
text
 
Ultimate

Ultimate

Administrator
Staff member
a.k.a "cái loophole [hover]"

Code: 
[style]css[/style]

Ví dụ:
Code: 
[div=maustyle||]text[/div]

[style]
.maustyle {width: 400px; height: 400px; border: 1px solid purple;}
[/style]

text


 
Ultimate

Ultimate

Administrator
Staff member
loại bỏ <br>, không thể xuống dòng bên trong, hiện không có code để xuống dòng bằng tay... chắc mai sau cũng hẻm có
Code: 
[nobr]
[box=pink; display:inline-block; border: 1px solid #ccc;]abc[/box]

[box=pink; display:inline-block; border: 1px solid #ccc;]def[/box]
[/nobr]

abc
def
 
Ultimate

Ultimate

Administrator
Staff member
Dùng để xài font trên https://fonts.google.com/. Sau khi chọn đủ các style muốn dùng, google sẽ cho 1 cục như sau với phần <link>:
HTML: 
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&family=Quicksand:wght@300&display=swap" rel="stylesheet">
Nếu không thấy hãy click vào nút ở góc trên bên phải
4LrsNv6.png

Code: 
[gfont]copy đoạn từ sau css2? tới trước &display=swap vào đây[/gfont]

Ví dụ:
Google ban ơn:
Code: 
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&family=Quicksand:wght@300&display=swap" rel="stylesheet">

vậy ta sẽ cần family=PT+Sans&family=Quicksand:wght@300

Code: 
[gfont]family=PT+Sans&family=Quicksand:wght@300[/gfont]

[box=; font-family: 'PT Sans', sans-serif; font-size: 25px;]Abc Xyz[/box]

[box=; font-family: 'Quicksand', sans-serif; font-size: 25px;]Abc Xyz[/box]



Abc Xyz


Abc Xyz
 
Last edited:
Ultimate

Ultimate

Administrator
Staff member
Code hide dùng để
Content available for registered users only.


Hiện có 7 kiểu, kiểu gì thì admin cũng xem được:

Code: 
[HIDE]Chỉ thành viên forum mới thấy[/HIDE]

Code: 
[DAYS=X]Account đăng ký được ít nhất X ngày mới xem được[/DAYS]

Code: 
[POSTS=X]Có X post thì xem được[/POSTS]

Code: 
[USERS=username1, username2, username3]Chỉ những thành viên này xem được[/USERS]

Code: 
[USERSID=userID1, userID2]Chỉ những thành viên này xem được[/USERSID]

Code: 
[USERSEXC=username1, username2, username3]Mọi người đều xem được trừ những thành viên này[/USERS]

Code: 
[USERSIDEXC=userID1, userID2]Mọi người đều xem được trừ những thành viên này[/USERSID]
 
You must log in or register to reply here.
Top