Addon 2x Banner Advert Generator - Trình tạo banner quảng cáo cho XenForo 2

[PVS]

Banner Advert Generator - Trình tạo banner quảng cáo cho XenForo 2 1.0.0

Đây là một công cụ dành cho các developer đang tạo kiểu cho các vị trí quảng cáo của họ.

Công cụ này được truy cập thông qua chức năng template trong đó bạn chỉ định kích thước của quảng cáo và tùy chọn, id cho div và màu (nếu bạn muốn ghi đè mặc định).

{{ banner(<width>, <height>, <div id (optional)>, <colour (optional)>) }}

Ví dụ:
{{ banner(728, 90, 'advert-above-breadcrumb', 'blue') }} sẽ tạo HTML sau:

<div id="advert-above-breadcrumb" style="width: 728px; height: 90px;">
    <img src="/community/data/banner-test/728x90-blue.png" alt="728x90 banner" />
</div>

Chuỗi màu được phép là: 'black', 'red', 'green', 'blue', 'yellow', 'cyan', 'magenta', 'grey', hoặc 'white'

Hàm template sẽ tự động tạo hình ảnh banner cho bạn nếu nó không tồn tại.

Chức năng template dự định sẽ được sử dụng trong các vị trí Quảng cáo XenForo, nhưng cũng có thể được sử dụng ở bất cứ nơi nào được phép sử dụng cú pháp template, kể cả trong widget HTML.

Addon này cũng có thể hữu ích để tạo trình giữ chỗ quảng cáo khi chụp ảnh màn hình cho bộ media quảng cáo của bạn!

Cách sử dụng:

Để sử dụng, hãy cài đặt addon, sau đó tạo quảng cáo mới (tạm thời vô hiệu hóa code quảng cáo khác cho vị trí đó trong khi bạn làm việc với tạo kiểu).

Sử dụng hàm banner để tạo quảng cáo kích thước mong muốn và sau đó thêm bất kỳ HTML nào khác mà bạn có thể sử dụng để tạo kiểu quảng cáo. Bạn có thể thêm CSS tùy chỉnh vào template Extra.less của bạn.

Ví dụ:

​

Tùy chọn:

Có hai tùy chọn bạn có thể định cấu hình - đường dẫn hình ảnh được lưu (liên quan đến thư mục dữ liệu) và màu mặc định sẽ sử dụng khi không có màu nào được chỉ định rõ ràng.

​

Ghi chú:

Gỡ cài đặt addon sẽ không xóa hình ảnh đã được tạo. Với addon này thường chỉ được sử dụng trên máy chủ dev hoặc test và không được sản xuất, đây không phải là vấn đề. Dù bằng cách nào, việc xóa thư mục và tất cả các hình ảnh có trong đó sẽ không gây ra vấn đề gì (với điều kiện bạn không chỉ định thư mục được sử dụng bởi bất kỳ thứ gì khác!) - hình ảnh sẽ được tự động phục hồi theo yêu cầu trong khi addon được sử dụng.

Gợi ý:

Vì banner được phân phát dưới dạng hình ảnh, và hình ảnh được hiển thị theo mặc định, bạn có thể tìm thấy một phần padding nhỏ (khoảng 5px) được thêm vào bên dưới banner.

Bạn có thể vượt quá điều này bằng cách áp dụng CSS display: block; để tạo kiểu banner cho hình ảnh được phân phát trong div quảng cáo của bạn.

Ví dụ:

#advert-above-breadcrumb  {
 
    margin: 10px auto 20px auto;
 
    img {
        display: block;
    }   

}

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

Nguồn: xenforo.com​