Hướng dẫn tạo popup upload ảnh đẹp và chuyên nghiệp dành cho Xenforo

Hôm nay tình cờ thấy có một bạn bên diễn đàn vxf hỏi mình về code popup upload ảnh của forum nên hôm nay mình xin chia sẻ code này! Thật ra cũng rất là đơn giản thôi



Đầu tiên bạn cần phải có 1 trang web upload ảnh, ví dụ của Việt Designer là trang: http://upanh.vietdesigner.net/, nếu bạn nào muốn có 1 trang web upload ảnh như thế này các bạn có thể tham khảo tại đây.

Việc tiếp theo các bạn chỉ việc vào template attachment_upload_button và thay thế toàn bộ bằng đoạn code sau đây:

Code:

    <script type="text/javascript" src="https://forum.vietdesigner.net/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="https://forum.vietdesigner.net/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="https://forum.vietdesigner.net/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <script type="text/javascript" src="https://forum.vietdesigner.net/js/fancybox/khac.js"></script>
<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl">
<a id="kenhkinhdoanh-iframe" class="button primary" href="http://upanh.vietdesigner.net/">Đăng ảnh</a>
</li>

Thay http://upanh.vietdesigner.net/ bằng trang web upload ảnh của bạn là xong!

Với việc thay toàn bộ code như thế này, các bạn đã bỏ hoàn toàn nút upload file đính kèm mặc định của Xenforo rồi đấy nhé!

P/s: Các bạn có thể vào link js và css trong đoạn code trên để save code và upload lên host của mình, để có thể tự control nó.

Chúc thành công