Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

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

Chủ đề thuộc danh mục 'Hướng dẫn - Thủ thuật Xenforo' được đăng bởi Phạm Hữu Dư, 22/10/14.

Lượt xem: 9,209

  1. Phạm Hữu Dư phamhuudu.com

    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 :D

    vTXFcia.jpg

    Đầ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 :)

    ...
    betafpt thích bài viết này
  2. buiphan

    buiphan Thành viên cấp 1

    Cho em hỏi là chỉnh chiều cao, rộng của khung popup ở đâu bác Phạm Hữu Dư ? Muốn bỏ lựa chọn up ảnh lên Imageshack (vì up ảnh lên Imageshack không được)như ở đây thì vào file nào bác?
  3. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    buiphan config.php

    Về cái chỉnh chiều cao rộng thì đã thử mò nhưng chưa hiệu quả lắm!
  4. buiphan

    buiphan Thành viên cấp 1

    Mua cái add on có lẽ tiện hơn cái này. Còn chèn code GA thì chèn thế nào bác :D
    Chỉnh sửa lần cuối: 25/10/14
  5. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    buiphan chèn code GA là sao? nói rõ cụ thể hơn nào?
    buiphan thích bài viết này
  6. buiphan

    buiphan Thành viên cấp 1

    Thấy bác Phạm Hữu Dư chèn code quảng cáo GA và hướng dẫn vào cái popup upload ảnh khá hay mà mò toàn bị lỗi, vẫn chưa được. Bác hảo tâm chia sẻ cách làm luôn một thể :D
  7. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    buiphan bác nói chuyện cứ lung tung thế nào mình chả hiểu nỗi, ý bác là chèn cái banner GA vào trang upanh àh?
  8. buiphan

    buiphan Thành viên cấp 1

    Phạm Hữu Dư tóm lại là muốn giống trang Upload ảnh của bác. Bác chỉ em cách chèn hướng dẫn và chèn code quảng cáo GA vào trang upload ảnh với
    KHtMIwb.jpg
  9. betafpt

    betafpt Thành viên cấp 1

    hay đây. có cái để vọc vẹo rồi.
  10. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    buiphan về cái quảng cáo thì chỉ việc lấy code GA mà paste vào thôi có gì đâu trời :|
  11. nguyendungbkc

    nguyendungbkc Mới đăng kí

    Bác hướng dẫn code cái phần này với
  12. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    nguyendungbkc về phần tùy biến giao diện trang Upanh là tùy ở mỗi người có cách làm khác nhau, cái này mình ko support nhé :)
  13. nguyendungbkc

    nguyendungbkc Mới đăng kí

    ok tks Pham Huu Du, mình xin phép lấy form code của bạn về và chỉnh sửa css nhé. Bạn nào làm không được nhắn inbox mình gửi code nhé.
  14. buiphan

    buiphan Thành viên cấp 1

    Mình cũng cố gắng chôm chỉa của bác Phạm Hữu Dư nhưng chưa giống bác ý được, demo http://buiphan.net :D. Cho nên vẫn chịu khó vào đây học tập bác Dư :D

Ủng hộ diễn đàn