Other Chia sẻ kinh nghiệm làm forum XenForo của FIFAVN

Thảo luận trong 'Showcase XenForo' bắt đầu bởi Cyentruk, 21/4/14.

1votes
5/5, 1 vote

  1. sangtoitoisang

    sangtoitoisang New Member

    Bài viết:
    62
    Likes :
    10
    Chờ hướng dẫn của anh
     
  2. Tuannero

    Tuannero New Member

    Bài viết:
    63
    Likes :
    10
    hóng
     
  3. bjnhonebj

    bjnhonebj Member

    Bài viết:
    129
    Likes :
    16
    Hóng bạn HD chi tiết
     
  4. khanhquay1988

    khanhquay1988 New Member

    Bài viết:
    9
    Likes :
    0
    Nhìn thấy forum bác đẹp quá mình cũng đang học hỏi cách làm nè nhưng hơi gà có gì nhờ bác chỉnh dùm nha. thanks
     
  5. khanhquay1988

    khanhquay1988 New Member

    Bài viết:
    9
    Likes :
    0
    bác ơi có thể chỉ mh làm cái khung thành viên như bác được không đẹp quá
     
  6. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    Bạn nói kỹ hơn đi, mình chưa hiểu. Có hình chụp càng tốt nha. :D
    Ý nhầm, hình như ko phải hỏi mình, hihi
     
  7. khanhquay1988

    khanhquay1988 New Member

    Bài viết:
    9
    Likes :
    0
    bác có thể chỉ mh làm cái chát box như site của bác được không và cái sự kiện mới ra nữa đó. Thanks bác nhiều
     
  8. Love Are Love

    Love Are Love Member

    Bài viết:
    141
    Likes :
    20
    HD a ơi .... 1 ngày rồi :v
     
  9. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    Tối nay mình về tới nhà mới viết đc hướng dẫn bạn ơi, ban ngày mình phải đi làm. Bạn đợi thêm xíu nhé.
     
    TrungSGN and Love Are Love like this.
  10. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    OK, vì dài lắm nên mình sẽ viết trước một ít, sau khi hoàn thành mình sẽ gộp lại.

    Gần đây mình thấy mọi người hay dùng Google Form để cho người khác hỏi mình những câu hỏi nặc danh, chắc có lẽ nhiều người cũng đã biết tự tạo cho mình 1 mẫu form, tuy nhiên hướng dẫn này dành cho cả những người mới bắt đầu nên mình sẽ đi từ tổng quan trước.

    Khi bạn dùng Google Form, bạn hay gửi link form trực tiếp từ google cho mọi người đúng không? Tuy nhiên các mẫu trang trí có sẵn của Google Form không được đẹp mắt và cũng không hợp với style của forum.

    Vì vậy ý tưởng của mình là, xem code của mẫu Google Form do mình đã tạo, loại bỏ những thành phần thừa, chỉ giữ lại những thành phần quan trọng nhất chứa các thông tin nhập liệu, sau đó trang trí cho nó bằng HTML và CSS, cuối cùng dán toàn bộ code HTML này vào Page của Xenforo.

    Nghe qua khá là khó, nhưng bạn đừng lo, mình cũng ko biết gì đâu, nhưng mình đã mò đc và mình hiểu một người chưa biết gì sẽ gặp lúng túng như thế nào. Tuy nhiên mục này tương đối dài, bạn chú ý cẩn thận 1 chút là được.

    Các bước căn bản như sau:
    1. Vào Google Form tạo nội dung form theo ý muốn (không cần trang trí gì cả)
    2. Sau khi tạo xong, dùng công cụ Inspect Element (F12) của trình duyệt để phân tích cấu trúc của nó. (bạn đừng lo, đơn giản lắm :D)
    3. Viết mã HTML và CSS dựa trên cấu trúc của Google Form vừa tạo, mục đích để style theo ý thích
    4. Dán mã này vào 1 trang mới của Xenforo
    5. Hiệu chỉnh trang xác nhận kết quả nhập liệu mặc định của Google (nếu cần).
    6. Hiển thị Kết quả từ Google Form trong Xenforo.
    Các bước trên sẽ được mình tiếp tục viết chi tiết từng bước 1. Vì thế... còn nữa....
     
  11. ducdaik1102

    ducdaik1102 New Member

    Bài viết:
    66
    Likes :
    3
    Bạn ơi. Phần tag hiển thị với member thì không có chữ tag. Hiển thị với khách lại có chữ tag. Giờ mình muốn bỏ chữ Tag như hình ảnh thì làm thế nào hả bạn.
    [​IMG]
     

    Các file đính kèm:

  12. bjnhonebj

    bjnhonebj Member

    Bài viết:
    129
    Likes :
    16
    Nhanh anh nhé, cảm ơn ạ
     
  13. piggy001

    piggy001 Member

    Bài viết:
    129
    Likes :
    44
    Chờ hướng dẫn của bạn @Cyentruk
     
  14. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    Xin lỗi các bạn tới h mình vẫn chưa có thời gian viết hướng dẫn tạo form vì phần này khá dài, cần chuẩn bị nhiều screenshot + chú thích, mà tính mình ưa sự chỉn chu, tỉ mỉ + đang vướng việc làm cty nên chưa viết được.

    Để tạ lỗi các bạn trong khi chờ đợi, nhân có bạn @votuonq hỏi mình cách sử dụng font Roboto (Google font) cho forum, mình post luôn hướng dẫn ở đây cho bạn nào cần nhé.

    Việc cài đặt font bên ngoài cho forum xenforo có 1 số cách, cách mình đang dùng không cần phải download font về host mà để người dùng tự load nó về từ Server của Google khi truy cập forum.

    Các bạn làm như sau:

    Bạn vào Amin CP > tìm Teamplate "page_container_js_head"
    Dán vào cuối cùng đoạn mã dưới đây:
    Mã:
    <!--BEGIN Google Fonts API-->
    <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900:latin,vietnamese' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script>
    <!--END Google Fonts API-->
    Vậy là xong rồi đó. Nếu bạn muốn sử dụng font nào khác trong bộ font miễn phí của Google thì thay thế chữ "Roboto" trong đoạn code trên bằng tên font tương ứng ở đây: https://www.google.com/fonts (nhưng nhớ là font đó phải hỗ trợ tiếng Việt nhé)
     
  15. sangtoitoisang

    sangtoitoisang New Member

    Bài viết:
    62
    Likes :
    10
    Sẵn @Cyentruk cho em hỏi sao mình xóa chữ tag: được vậy anh
    [​IMG]
     
  16. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    Lỗi này mình chưa rõ nguyên nhân, bạn có thể cho mình code của Xentag Tinhte mà bạn đang dùng ko? Mình cài đặt thử để kiểm tra lỗi.
     
    TrungSGN thích bài này.
  17. tongtulenh

    tongtulenh Member

    Bài viết:
    313
    Likes :
    42
    Cái này mình nhớ không nhầm là đã khắc phục rồi thì phải.

    demo:

    nsfvn-demo
     
    Cyentruk thích bài này.
  18. panana

    panana Member

    Bài viết:
    170
    Likes :
    26
    Mình nâng cấp lên [Tinhte] XenTag 2.1.0 giờ muốn sửa hiển thị tag như trang bác thì sửa chỗ nào
     
  19. Mr.Bo

    Mr.Bo Member

    Bài viết:
    116
    Likes :
    16
    @Cyentruk cậu cho mình xin yahoo hỏi tí nhé :)
     
  20. Cyentruk

    Cyentruk Verified User

    Bài viết:
    252
    Likes :
    291
    Mình không dùng yahoo bạn @Mr.Bo ơi. Tuy hỏi riêng có nhiều điều tiện nhưng mình nghĩ bạn nên hỏi ở đây để nhiều người cùng đc thấy, biết đâu nhiều người cũng gặp vấn đề giống bạn?
     
    TrungSGN, sukoro and haysuytu like this.
comments powered by Disqus

Chia sẻ trang này

Đang tải...