Bb Code Font Awesome & Giao diện generator 1.2.0

[PVS]

Bb Code Font Awesome & Giao diện generator 1.2.0

Addon này cho phép bạn tích hợp biểu tượng Font Awesome bên trong bất kỳ nội dung với sự hỗ trợ Bb Code.

​

Addon này cũng có một tùy chọn để tích hợp các biểu tượng Font Awesome bên trong các Editor Smilies Below Box. Thêm thông tin có sẵn ở đây. Tính năng này tương thích với các trình soạn thảo XenForo Redactor.

​

Addons cần thiết:
Đối với Bb Code: BbCodes & Buttons Manager
Đối với các giao diện người dùng (generator): TinyMCE Quattro and its wysiwyg bbcodes (phiên bản tối thiểu: 1.7.1.0)
PS: bạn có thể sử dụng tất nhiên Bb Code không có giao diện người dùng, hãy đọc FAQ để biết cách.

​

Chúc các bạn thành công.

Nguồn: xenforo.com​

 

[PVS]

FAQ
Làm thế nào để sử dụng Bb Code này?
Cách đơn giản nhất là sử dụng các giao diện generator, nếu bạn không, đây là cách để sử dụng nó.

Trước hết đây là các lệnh được hỗ trợ bởi Bb Code này:

• Có 369 icons, kiểm tra mã của họ ở đây: liên kết pastebin
• Kích thước icon
  1. fa-lg: size +33%
  2. fa-2x: size x2
  3. fa-3x: size x3
  4. fa-4x: size x4
  5. fa-5x: size x5

Lưu ý: Chỉ có một kích thước có thể được sử dụng (với một chế độ biểu tượng duy nhất)

Việc chuyển đổi icon

• fa-rotate-90: quay vòng 90°
• fa-rotate-180: quay vòng 180°
• fa-rotate-270: quay vòng 270°
• fa-flip-horizontal: đối xứng ngang
• fa-flip-vertical: đối xứng dọc

Lưu ý: bạn phải chọn giữa quay vòng (chỉ 1 có thể được chọn) hoặc đối xứng (cả hai có thể được kích hoạt cùng lúc)

Các biểu tượng đường viền/vị trí

• fa-border: áp dụng đường viền cho các biểu tượng
• pull-right: kind of float right
• pull-left: kind of float left

Lưu ý: Tất nhiên bạn không thể chọn kéo bên phải và kéo bên trái cùng một lúc

Các chế độ stack (kết hợp hai biểu tượng trong một)

• fa-stack: kích hoạt chế độ ngăn xếp
• fa-stack-1x: kích thước biểu tượng bình thường (áp dụng cho các biểu tượng)
• fa-stack-2x: kích thước biểu tượng lớn (áp dụng cho các biểu tượng)
• fa-inverse: nghịch đảo màu chuẩn icon (áp dụng biểu tượng - không hoạt động nếu một màu sắc đã được chọn)

Lưu ý: đọc phần nói về các chế độ ngăn xếp

Lựa chọn ngẫu nhiên Font-Awesome

• fa-spin: biểu tượng animate với một phong trào xoay
• fa-fw: áp dụng rộng sửa chữa cho các biểu tượng

Hexa/RGB Color
Áp dụng một màu sắc cho các biểu tượng

Trái/Phải (Mặc định: phải)
Vị trí của văn bản (nội dung) ở bên trái hoặc bên phải của biểu tượng. Lợi thế của việc sử dụng một nội dung văn bản là văn bản đó sẽ được bao bọc bên trong các thẻ html tương tự mà một trong những sử dụng bởi các icon font-awesome. Nếu bạn cần để tùy chỉnh các lớp css, nó có thể hữu ích.

Một vài ví dụ với một biểu tượng duy nhất:

[fa=fa-camera-retro] text[/fa]
[fa=fa-camera-retro|left]text [/fa]
[fa=fa-camera-retro|left|fa-5x][SIZE=7][B]Text[/B] [/SIZE][/fa]
[SIZE=7][B]Text[/B] [/SIZE][fa=fa-camera-retro|fa-5x][/fa]