Addon Material Login Slider by TeamBat.Org

dcstylexf

dcstylexf

SergeantMajor
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Sau add-on New Posts Slider on Sidebar vừa rồi, mình thấy có bạn hỏi mình cách tạo slide login giống của TeamBat hiện tại. Vậy nên mình quyết định làm cái add-on nữa cho đủ bộ :D

Lưu ý: Nhớ XEM KỸ phần hướng dẫn rồi mới bắt đầu cài đặt. Add-on này do trình code mình cùi mía nên chưa làm hoàn toàn tự động, sẽ update cho ae trong những phần sau.

Demo: Click tab Ẩn Danh rồi vào TeamBat.Org xem chỗ Đăng Nhập nhé :D

untitled-png.52


Thông tin
Add-on này sẽ thêm 1 khung login mới dạng Slide-Bar cho các bạn :D Xem demo sẽ rõ.

Cách cài đặt - QUAN TRỌNG
  • Download giải nén rồi upload tất cả các mục trong folder Upload.
  • Import XML.
  • Add font Awesome ( Nếu chưa có ): Thêm vào trong thẻ <head></head>
    Mã: 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

  • Nếu bạn vẫn còn thanh login dạng này

    login_temp-png.53



    Thì hãy revert template login_bar nhé ;)

  • Nếu bạn dùng login dạng khác cái bên trên (giống như TeamBat.Org đang dùng) thì các bạn làm như sau: Search template cái nút Đăng Nhập/Login/Sign in/... của bạn rồi thêm vào cho nó class sau
    Mã: 
    class="loginLink"
    Lưu ý: Nếu nó có class="OverlayTrigger" thì phải xóa đi nhé :)
    Các bạn thông cảm, cái này mình gà JS nên chưa tìm ra cách add & remove class tự động giống Brivium hay làm. Sẽ update trong version sau.

  • Bạn đã hoàn thành!
Demo trên style Default ( Tùy vào style mà nút Login - Register ) sẽ khác nhau nhé :D

demo_default-png.54


Vì cái này cài đặt khá rắc rối, nên các bạn nếu không cài được thì đừng ngần ngại mang lên đây hỏi mình nhé :D Mình sẽ hỗ trợ hết mức có thể!

Chúc các bạn thành công!

 
Sửa lần cuối:
Bài viết liên quan
[cXF] Login or Register on thread view - Đăng nhập hoặc Đăng ký trên thread view XenForo 2.3 1.3.3 bởi Baron Darkness,
Image Count Limit by User Group - Giới hạn hình ảnh bởi nhóm người dùng cho XenForo 2.3 2.5.0 bởi Baron Darkness,
[DBTech] DragonByte Bluesky Poster - Thêm Bluesky Poster cho XenForo 2.3 1.2.1 bởi Baron Darkness,
[DBTech] DragonByte Favicons - Thêm Favicon trước liên kết XenForo 2.3 2.1.0 bởi Baron Darkness,
[VNXF 2x] Google One Tap Login - Hiện thông báo đăng nhập bằng tài khoản Google bởi Blue,
[DBTech] DragonByte Stripe Checkout - Thanh toán Stripe cho XenForo 2.3 2.0.2 bởi PVS,
Được quan tâm
[VNXF 2x] Table of Content (TOC) - Tạo ngay mục lục tự động cho bài viết của bạn bởi Blue,
Bài viết mới
[VNXF 2x] Table of Content (TOC) - Tạo ngay mục lục tự động cho bài viết của bạn bởi Blue,
Công cụ gỡ và xóa nhanh nhiều addons cho Xenforo 2 bởi thahtrung06,
[VNXF 2x] Background - Đổi ảnh nền PC, mobile cho forum bởi Blue,
Development mode options - Tùy chọn chế độ phát triển XenForo 2.3 1.1 bởi Baron Darkness,
[TB] Rastgele Konu - Chủ đề ngẫu nhiên cho XenForo 2.3 2.3.0 Beta 1 bởi Baron Darkness,
[XenGenTr] Global forum icons - Biểu tượng diễn đàn toàn cầu XenForo 2.3 2.0.0 bởi Baron Darkness,
mình thấy addon cũng tiện mà, nhiều lúc không thích dùng nữa thì tắt đi khỏe hơn là tìm code :)
 
Add on tốt nhất dùng khi tạo listener mới, page mới, sub link mới,... Còn dạng edit template thì ko nên dùng. Vì chức năng xenforo đã có sẵn, nếu viết dạng add on thì xenforo sẽ lưu vào data như chức năng khác và thực hiện query khi có truy vấn. Vô tình bạn làm tốn thêm ddram server. Chưa kể cách viết add on ko chuẩn sẽ ảnh hưởng đến 1 số html và css khác.
 
thebigsize nói:
Add on tốt nhất dùng khi tạo listener mới, page mới, sub link mới,... Còn dạng edit template thì ko nên dùng. Vì chức năng xenforo đã có sẵn, nếu viết dạng add on thì xenforo sẽ lưu vào data như chức năng khác và thực hiện query khi có truy vấn. Vô tình bạn làm tốn thêm ddram server. Chưa kể cách viết add on ko chuẩn sẽ ảnh hưởng đến 1 số html và css khác.
Nhấn để mở rộng...
thanks a đã góp ý, e sẽ rút kinh nghiệm ạ :)
 
1,199 8 2
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Silzedt InboxPVS
[VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1 Bảng giá dịch vụ thiết kế, làm diễn đàn XenForo năm 2024

Xử lý sự cố (Troubleshooting)

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Texlink

Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Cộng đồng AI Việt Nam
Khám phá AI cùng người Việt
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top