1.8.x Tính Năng: MyWrap [wrap]

Preview

Tác giả: Thibmo

Phiên bản: 1.0.0

Gửi lúc: 26/07/2018

Cập nhật lúc: 27/07/2018

MyCode Filters
Mô tả
MyWrap allows you to add wrappers to your posts, these are styled divs that highlight special sections of your posts.


Syntax

Basic syntax:
Code: 
[wrap][/wrap]

Styled syntax:
Code: 
[wrap style="<Styling options>"][/wrap]

Styling options:
// columns
column                        - same as left in LTR languages and same as right in RTL languages
left                          - same as column, will let you float your container on the left
right                         - will let the container float right
center                        - will position the container in the horizontal center of the page
col2..col5                    - will show the text in multiple columns determined by their amount (2, 3, 4 or 5), only works in modern browsers (no IE9 and below)
colsmall, colmedium, collarge - will also show the text in multiple columns but determined by their width (small, medium or large), only works in modern browsers (no IE9 and below) 

/ / widths – might not work as expected, includes mobile support
half      - fits two columns in a row, should be used in pairs
third     - fits three or two columns in a row, should be used in triplets or together with twothirds
twothirds - fits two columns in a row when used together with third, one 1/3 wide and another 2/3 wide
quarter   - fits four columns in a row, should be used in quads

// alignments
leftalign   - aligns text on the left
rightalign  - aligns text on the right
centeralign - centers the text
justify     - justifies the text

// boxes and notes
box       - creates a box around the container
info      - creates a blue box with an info icon
important - creates an orange box with an important icon
alert     - creates a red box with an alert icon
tip       - creates a yellow box with a tip icon
help      - creates a violet box with a help icon
todo      - creates a cyan box with an to-do icon
download  - creates a green box with a download icon
round     - adds rounded corners to any container with a background color or a border (only works in modern browsers, i.e. no IE)
danger    - creates a red danger safety note
warning   - creates an orange warning safety note
caution   - creates a yellow caution safety note
notice    - creates a blue notice safety note
safety    - creates a green safety note

// marks
hi - marks text as highlighted
lo - marks text as less significant
em - marks text as especially emphasized

// misc
clear   - clears floats
hide    - hides the text per CSS (the text will still appear in the source code, in non-modern browsers and is searchable)
button  - when wrapped around a link, styles it like a button
indent  - indents the text, could be used instead of tab
outdent - "outdents" the text
prewrap - wraps text inside pre-formatted code blocks

Widths:
You can set any valid widths: %, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in.
Just set the width before or after other styles, e.g.
Code: 
[wrap somestyle 60% anotherstyle]...

All except percentages will be reduced to have the maximum width available on smaller screens.
MyWrap cho phép bạn thêm trình bao bọc vào bài đăng của mình, đây là những div được tạo kiểu làm nổi bật các phần đặc biệt của bài đăng của bạn.


Cú pháp

Cú pháp cơ bản:
[bọc][/ bọc]

Cú pháp được tạo kiểu:
[wrap style="<Tùy chọn tạo kiểu>"][/wrap]

Tùy chọn tạo kiểu:
Cột
cột - giống như bên trái trong ngôn ngữ LTR và giống như bên phải trong ngôn ngữ RTL
left - giống như cột, sẽ cho phép bạn thả nổi vùng chứa của mình ở bên trái
right - sẽ để container nổi bên phải
center - sẽ định vị vùng chứa ở giữa ngang của trang
col2.. col5 - sẽ hiển thị văn bản trong nhiều cột được xác định bởi số lượng của chúng (2, 3, 4 hoặc 5), chỉ hoạt động trong các trình duyệt hiện đại (không có IE9 trở xuống)
colsmall, colmedium, collarge - cũng sẽ hiển thị văn bản trong nhiều cột nhưng được xác định bởi chiều rộng của chúng (nhỏ, trung bình hoặc lớn), chỉ hoạt động trong các trình duyệt hiện đại (không có IE9 trở xuống) 

/ / chiều rộng – có thể không hoạt động như mong đợi, bao gồm hỗ trợ di động
một nửa - phù hợp với hai cột trong một hàng, nên được sử dụng theo cặp
thứ ba - phù hợp với ba hoặc hai cột trong một hàng, nên được sử dụng trong bộ ba hoặc cùng với hai phần ba
hai phần ba - phù hợp với hai cột trong một hàng khi được sử dụng cùng với thứ ba, một cột rộng 1/3 và một cột khác rộng 2/3
một phần tư - phù hợp với bốn cột trong một hàng, nên được sử dụng trong tứ giác

Căn chỉnh
leftalign - căn chỉnh văn bản ở bên trái
RightAlign - căn chỉnh văn bản ở bên phải
centeralign - căn giữa văn bản
justify - biện minh cho văn bản

Hộp và ghi chú
hộp - tạo một hộp xung quanh vùng chứa
Thông tin - tạo một hộp màu xanh lam với biểu tượng thông tin
quan trọng - tạo một hộp màu cam với một biểu tượng quan trọng
cảnh báo - tạo một hộp màu đỏ với biểu tượng cảnh báo
Mẹo - tạo hộp màu vàng với biểu tượng tiền boa
trợ giúp - tạo một hộp màu tím với biểu tượng trợ giúp
Việc cần làm - Tạo một hộp màu lục lam với biểu tượng việc cần làm
Tải xuống - tạo một hộp màu xanh lá cây với biểu tượng tải xuống
round - thêm các góc tròn vào bất kỳ vùng chứa nào có màu nền hoặc đường viền (chỉ hoạt động trong các trình duyệt hiện đại, tức là không có IE)
Nguy hiểm - Tạo Lưu ý An toàn Nguy hiểm màu đỏ
Cảnh báo - Tạo Lưu ý An toàn Cảnh báo màu cam
THẬN TRỌNG - Tạo Lưu ý An toàn Thận trọng màu vàng
Thông báo - Tạo Lưu ý An toàn Thông báo màu xanh lam
an toàn - tạo ra một lưu ý an toàn xanh

Nhãn hiệu
hi - đánh dấu văn bản là được đánh dấu
lo - đánh dấu văn bản là ít quan trọng hơn
em - đánh dấu văn bản được nhấn mạnh đặc biệt

Misc
Clear - xóa float
hide - ẩn văn bản trên mỗi CSS (văn bản sẽ vẫn xuất hiện trong mã nguồn, trong các trình duyệt không hiện đại và có thể tìm kiếm được)
nút - khi bao quanh một liên kết, tạo kiểu cho nó giống như một nút
thụt lề - thụt lề văn bản, có thể được sử dụng thay cho tab
outdent - "thụt lề" văn bản
prewrap - bọc văn bản bên trong các khối mã được định dạng sẵn

Chiều rộng:
Bạn có thể đặt bất kỳ chiều rộng hợp lệ nào: %, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in.
Chỉ cần đặt chiều rộng trước hoặc sau các kiểu khác, ví dụ:
[bọc somestyle 60% anotherstyle]...

Tất cả ngoại trừ tỷ lệ phần trăm sẽ được giảm để có chiều rộng tối đa có sẵn trên màn hình nhỏ hơn.