vnxf.vn

  1. P

    Add images to the navigation bar - Thêm hình ảnh vào thanh navigation 1.0

    VNXF.VN - Add images to the navigation bar - Thêm hình ảnh vào thanh navigation 1.0 Điều này sẽ cho phép bạn thêm đến 3 hình ảnh trên cùng của thanh điều hướng chỉ bằng cách thêm mã có liên quan vào EXTRA.css như được giải thích dưới đây. Bạn sẽ cần phải thay đổi các thuộc tính cho phù hợp với...
  2. PCO

    Breathing Sign Up Button - Nút đăng ký nhấp nháy

    VNXF.VN - Breathing Sign Up Button - Nút đăng ký nhấp nháy Để đạt được điều này là khá dễ dàng, đi đến EXTRA.CSS của bạn và thêm những điều sau đây: /* SIGN UP BOX */ @-webkit-keyframes redPulse { from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; } 50% {...
  3. PCO

    [VNXF] - Html5 video và audio đính kèm Player (mp3, mp4, ogg,webm,wav)

    Đây là một cách nhanh chóng và dễ dàng để chơi file đính kèm âm thanh và các tập tin video trong diễn đàn của bạn thay vì tải về nó. Tôi đã gỡ bỏ các player bây giờ và nó hoạt động hoàn toàn vào html5 nhưng có thể không hoạt động trên một số trình duyệt cho một số phần mở rộng. Đầu tiên: thêm...
  4. PCO

    [VNXF] - Cập nhật Icon FontAwesome trong Visitor Tab & Account Wrapper

    ​ 1. Vào template PAGE_CONTAINER và thêm code này trong <head> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 2. Đến template navigation_visitor_tab và thay thế tất cả mọi thứ giữa <ul class="col1 blockLinksList"> </ul> <xen:hook...
  5. PCO

    [VNXF] - Thêm nút LƯỢT XEM đẹp cho TOPIC

    Đây là cách thêm nút Lượt xem bài viết thêm phần sinh động cho chủ đề ạ. Demo: 1, Vào Template: thread_view Tìm đoạn: <xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container> Thêm vào bên dưới đoạn COD sau: <xen:if is="{$post.position} == 0"><p...
  6. PCO

    [VNXF] - Cách xóa index title từ tất cả bài viết trên xenforo

    Bài viết này sẽ hướng dẫn cho các bạn cách xóa index title từ tất cả bài viết trên xenforo, với thủ thuật này tiêu đề của bạn sẽ tối ưu seo hơn. Cách làm như sau Đăng nhập vào bảng điều khiển quản trị của bạn Appearance => Templates => PAGE_CONTAINER Tìm kiếm và tìm thấy: <Title> <xen: if is...
  7. PCO

    [VNXF]- Bài viết tối thiểu để xem được Taigachat

    Điều chỉnh bài viết tối thiểu để xem được Taigachat. Cài đặt Taigachat add-on. Vào forum_list template, tìm: <xen:hook name="dark_taigachat_alt" /> Thay thế bằng: <xen:if is="{$visitor.message_count} > 5"> <xen:hook name="dark_taigachat_alt" /> <xen:else /> <p style="padding:10px;"...
  8. PCO

    [VNXF] - Đặt dọc thông tin người dùng với phương nằm ngang

    ​ Đi đến các mẫu style của bạn và tìm kiếm "message_user_info.css". Thay thế nội dung của nó với mã dưới đây: .messageUserInfo { @property "messageUserInfo"; margin-bottom: 20px; @property "/messageUserInfo"; } .messageUserBlock { @property...
  9. PCO

    [VNXF] - Tạo giao diện Login đẹp giống Mầm Công Nghệ

    Lưu ý: Khi tạo giao diện login kiểu này cũng sẽ thay đổi cấu trúc Xenform của bạn. Cái này không có gì to tát cả, làm đẹp cho nó thôi ^_^ Demo ​ Đầu tiên thay template xenforo_overlay.css bằng code sau /* All overlays must have this */ .xenOverlay { display: none; z-index: 10000...
  10. PCO

    [VNXF] - Replace TaigaChat Icons With Font Awesome - Thay thế icon Taigachat bằng Font Awesome

    Replace TaigaChat Icons With Font Awesome - Thay thế icon Taigachat bằng Font Awesome Đảm bảo diễn đàn của bạn đã cài đặt Font Awesome. Nếu chưa, bạn có thể tìm các bài hướng dẫn để cài đặt. Cải thiện các nút: Từ ​ Thành ​ Vào EXTRA.css và thêm vào sau đoạn: #taigachat_controls...
  11. PCO

    [VNXF] - Tạo chuyên mục nổi bật giống muare.vn

    Có nhiều bạn hỏi cách làm chuyên mục nổi bật giống muare ở ngoài trang chủ, mình đã rip phần này cho các bạn. Thật ra thì nó rất đơn giản. chỉ là html thuần mà thôi. Đầu tiên các bạn cần có 1 addon portal ở đây mình cài là EWRportal của 8wayrun <div class="portal-categories"> <div...
  12. PCO

    [VNXF] - Đặt dọc thông tin người dùng với phương nằm ngang

    Mẫu sửa đổi này sẽ cho phép bạn đặt các thông tin người dùng với phương nằm ngang. ​ Đi đến các mẫu style của bạn và tìm kiếm "message_user_info.css". Thay thế nội dung của nó với mã dưới đây: ​ .messageUserInfo { @property "messageUserInfo"; margin-bottom: 20px; @property...
  13. PCO

    [VNXF] - Tạo nút Scroll to Top khi cuộn trang xuống dưới

    Khi bạn đọc một bài viết dài sẽ rất mất thời gian khi muốn cuộn về menu ở header của trang, rất nhiều website đã tạo 1 nút gọi là scroll to top hoặc back to top nằm ở góc phải giao diện. Khi nhấn vào nút này sẽ giúp bạn trở về header trang ngay lập tức. Hình minh họa​ Để thực hiện điều này...
  14. PCO

    Code tạo chữ chạy trên đầu forum

    [VNXF] - Code tạo chữ chạy trên đầu forum Dưới đây là bài viết hướng dẫn các bạn thêm 1 hoặc nhiều đoạn chữ chạy (hoặc không chạy) . Hướng dẫn này giúp các bạn có thể đưa các chủ đề mình muốn lên trên đầu forum ( cụ thể là dưới breadcumb và trên title bar ) . Chỉ là hướng dẫn cho các bạn biết...
  15. PCO

    [VNXF] - Hide Extra User Info with CSS Effect - Ẩn thông tin thêm người dùng với hiệu ứng CSS

    Đây là một ít đoạn mã CSS đơn giản mà giấu đi những thông tin thêm của tài khoản trong các tin nhắn cho đến khi ai đó làm một mouseover (di chuột) vào Message User Block. Biết vấn đề: Một khi người dùng di chuột qua Message User Block nó sẽ đẩy các nội dung dưới thông báo đó xuống. Bạn có thể...
Top