Hướng dẫn tạo popup upload ảnh cho XenForo

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
Bài viết này sẽ hướng dẫn tạo tạo một popup upload ảnh nhanh. Tức là khi bạn nhấn vào chữ đăng ảnh ở khung soạn thảo hay khung bình luận. Sẽ bật ra một popup upload ảnh của trang:

8bc271e163beabdaff39aa460d45c7b3.png

Cách làm như sau . Đầu tiên bạn tải file đính kèm ở dưới về rồi up lên Root (ngang hàng Index.php) .

Cách này sẽ Thêm nút Đăng ảnh và xóa nút Tải lên file đính kèm
Bạn thay toàn bộ Code trong template attachment_upload_button đoạn sau :
Mã:
<script type="text/javascript" src="up/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="up/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="up/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="up/khac.js"></script>
<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl"> <a id="itonline-iframe" class="button primary" href="http://www.upanh.itonline.vn/">Đăng ảnh</a> </li>

Nhớ thay upanh.itonline.vn thành link trang upload ảnh của site bạn nhé! Ngoài ra, bạn có thể chỉnh độ rộng và độ cao của popup trong file jquery.fancybox-1.3.4.css . Với Id là fancybox-content nhé!


Nguồn: itonline.vn​
 

Đính kèm

  • up.zip
    up.zip
    71.9 KB · Lượt xem: 304
Cách làm như sau . Đầu tiên bạn tải file đính kèm ở dưới về rồi up lên Root (ngang hàng Index.php).
Cách này sẽ Thêm nút Đăng ảnh và xóa nút Tải lên file đính kèm
Bạn thay toàn bộ Code trong template attachment_upload_button đoạn sau :
PHP:
<script type="text/javascript" src="/js/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/js/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="/js/fancybox/khac.js"></script>
<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl"> <a id="itonline-iframe" class="button primary" href="http://code.ptcong.com/demos/remote-image-uploader/">Đăng ảnh</a> </li>
Ngoài ra, bạn có thể chỉnh độ rộng và độ cao của popup trong file jquery.fancybox.css . Với Id là fancybox-content nhé!
Sử dụng fancybox mới và trang up ảnh http://code.ptcong.com/demos/remote-image-uploader/
mình muốn tạo trang upanh mới của mình chứ dùng trang khách thì thiếu gì
 
Back
Top