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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,618
Được Like
12,670
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
    71.9 KB · Lượt xem: 304

mcjury

Corporal
Tham gia
02/01/2016
Bài viết
170
Được Like
49
à bác chỉ em cách làm popup úp ảnh nhỏ đi chứ khi nhấn vào úp ảnh nó ra một trang khác
 

namhbnam

MasterCorporal
Tham gia
23/03/2016
Bài viết
322
Được Like
162
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ì
 

singh

Sergeant
Tham gia
08/06/2015
Bài viết
470
Được Like
276
Làm sao cho nó full trên đt nhỉ. Xem ở đt nó bị bóp k thấy gì
Screenshot_20160518-235606.png
 

namhbnam

MasterCorporal
Tham gia
23/03/2016
Bài viết
322
Được Like
162
bác nào chỉ config tài khoản đi, lập tài khoản các kiểu mà sao đc mỗi 1 sever là upload được.
 

Top Bottom