BBcode [COMPARE]
Cú pháp:
HTML Code:
[compare=id-mỗi-khung][IMG]url-ảnh-trước[/IMG][IMG]url-ảnh-sau[/IMG][/compare]
HTML Code:
[compare=id-mỗi-khung][szIMG=rộng|cao]url-ảnh-trước[/IMG][szIMG=rộng|cao]url-ảnh-sau[/szIMG][/compare]
Ví dụ:
HTML Code:
[compare=testcompare][IMG]http://i.imgur.com/11Ja53L.jpg[/IMG][IMG]http://i.imgur.com/gGwDqEq.jpg[/IMG][/compare]
BBcode [COMPARE] này cơ bản là để so sánh 2 hình ảnh trước và sau.
Để sử dụng thì kéo thả cục tròn ở giữa.
Khi cần so sánh sự khác biệt giữa hai hình ảnh thì ta có thể xài code này để so sách cho trực quan. Mục đích chính của code này là để phục vụ cho mảng Tin tức/Dịch/Viết/Wiki là chính.
Tuyệt đối không được lạm dụng code này khi không cần thiết! Không được xài trong chữ ký cá nhân!
Lưu ý khi sử dụng:
- Giữa [compare] không được xuống dòng, nếu xuống dòng sẽ phát sinh lỗi làm ko thể hiển thị. (đang tìm cách khắc phục)
- Chỉ có thể sử dụng chung với [IMG] và [szIMG].
- Chỉ so sánh với 2 IMG, không được nhiều hơn.
- id-mỗi-khung có thể bỏ trống, nếu xài thì mỗi khung nên có id khác nhau
id-mỗi-khung phải khác nhau khi xài nhiều khung trong 1 trang. Ví dụ:
HTML Code:
[compare=vidu-compare-01][IMG]http://i.imgur.com/11Ja53L.jpg[/IMG][IMG]http://i.imgur.com/gGwDqEq.jpg[/IMG][/compare]
[compare=vidu-compare-02][szIMG=700|200]http://i.imgur.com/11Ja53L.jpg[/szIMG][IMG]http://i.imgur.com/gGwDqEq.jpg[/IMG][/compare]
[compare=vidu-compare-03][img]http://i.imgur.com/djwZOq9.jpg[/IMG][IMG]http://i.imgur.com/m3xbcew.jpg[/IMG][/compare]
- (fixed)
Nếu trùng ID trong cùng 1 page (kể cả khác post), thì khung đầu tiên sẽ hiển thị và khung bị trùng sẽ không được hiển thị. - Nếu sử dụng 2 ảnh kích thước khác nhau, ảnh-sau sẽ hiển thị crop theo kích thước của ảnh-trước. => Nên sử dụng 2 ảnh cùng kích thước.
- Hiện tại không xài chung được với vài bbcode như [RIGHT], [CENTER],... bên ngoài [COMPARE] (có thể căn giữa bằng mẹo [Margin])
Ví dụ về so sánh sự khác nhau giữa anime bản TV và Bluray:
Có gì thêm sẽ bổ sung sau~
Chúc mọi người vui và sáng tạo với code mới~
Đánh dấu