Styles 2x FaceXen 1.0 - Giao diện Xenforo 2 phong cách Facebook

Thảo luận trong 'Styles Xenforo' bắt đầu bởi hacobi1102, 06/11/2018.

  • Google checker:
  1. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Đây là một style rất rất nhẹ, mình điều chỉnh từ style gốc (thích như thế vì nó nhẹ)
    Rảnh rỗi làm tí màu sắc cho style mặc định ...giống Facebook thôi :D


    Header:
    YeuPet.vn-1.png
    Footer:
    YeuPet.vn-2.png

    Các addons đang dùng:

    • [8WR] XenPorta 2 (Portal) PRO 2.0.2.0
    • [CodeVn.Net] Thread Starter 1.0.0
    • [ForoAgency] Colored Username Everywhere 1.1.0
    • [Widget] Popular threads and posts 1.1.2
    • Brivium - Modern Statistics 3.0.4
    • Shoutbox 1.3.3
    • Similar threads 4.4

    Ảnh chuyên mục sửa css trong: Appearance -> Template -> Extra css
    Hướng dẫn sửa có trong vnxf mà mình ko có nhớ chỗ nào nữa

    Bước quan trọng: Tạo hình nền ở footer: Appearance -> Widget

    Thêm Widget HTML như sau:
    Widget key: hacobi_footer_background
    HTML:
    <style>
    @media only screen and (max-width: 768px){.bg-img{display:none;}}
    .bg-img{background:#fff url("https://i.imgur.com/M3JEILa.jpg") center;height:130px;}
    </style>
    <div class="bg-img"></div>
    Tạo xong widget thì mới import style nhé
    Bản này chỉ thiếu cái slide ảnh trên (vì nó phức tạp :=D) so với demo nhé các bạn:
    Demo Online: Hãy đăng nhập hoặc đăng ký để xem được links


    Cảm ơn bạn đã đọc bài và Like!
     

    Các file đính kèm:

    Quan tâm nhiều
    Các bước tạo trang chủ xenforo
    Các bước tạo trang chủ xenforo bởi virutmt, 26/10/2018 lúc 17:06:04
    Style diễn đàn iOS Việt Nam cho XenForo
    Style diễn đàn iOS Việt Nam cho XenForo bởi PVS, 16/11/2018 lúc 15:22:55
    Style XenSplash cho XenForo
    Style XenSplash cho XenForo bởi PVS, 16/11/2018 lúc 15:30:04
    Style XenFracture Dark cho XenForo
    Style XenFracture Dark cho XenForo bởi PVS, 16/11/2018 lúc 15:35:59
    UI.X 2 2.0.10.0.0
    UI.X 2 2.0.10.0.0 bởi XXXTENTACION, 04/11/2018 lúc 14:13:50
    Style XenNews cho XenForo 2
    Style XenNews cho XenForo 2 bởi PVS, 17/11/2018 lúc 17:44:16
    Style Class cho XenForo
    Style Class cho XenForo bởi PVS, 17/11/2018 lúc 17:23:01
    Style Aventarius v2 cho XenForo 2
    Style Aventarius v2 cho XenForo 2 bởi PVS, 17/11/2018 lúc 17:36:19
    Bài viết mới
    Style XenNews cho XenForo 2
    Style XenNews cho XenForo 2 bởi PVS, 17/11/2018 lúc 17:44:16
    Style Aventarius v2 cho XenForo 2
    Style Aventarius v2 cho XenForo 2 bởi PVS, 17/11/2018 lúc 17:36:19
    Chỉnh sửa cuối: 08/11/2018
    quick87, huynhvantam123 and PVS like this.
  2. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    cám ơn đã chia sẻ. Giao diện đẹp. Cho mình hỏi là cái phần như ảnh là dùng add on nào vậy ạ ? 1.JPG
     
  3. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Dùng cái này nhé bạn
    • Brivium - Modern Statistics 3.0.4
     
    huynhvantam123 thích bài này.
  4. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    có link download ko ạ.
    Nếu được thì xin link download những add on mà web demo sử dụng được ko ạ ? nhìn đẹp quá :D
     
  5. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Gửi ae đính kèm thêm mấy plugin nhé, pass nếu có: prowebber.ru
     

    Các file đính kèm:

    Chỉnh sửa cuối: 12/11/2018 lúc 17:09:45
    huynhvantam123 thích bài này.
  6. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    cám ơn rất nhiều :)
     
  7. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    cái này là cho xenforo 1 hay xenforo 2 vậy ạ ? cài giao diện cho xenforo 2 bị trắng trang.
     
  8. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    hix cài cho xenforo 1 thì ko dc. Cài cho xenforo 2 thì khi kích hoạt giao diện bị trắng trang. Mình đang dùng xenforo 2.0.10
    Mong huynh xem lại giúp.
     
  9. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Của mình là 2.0.10 đấy, để mình check xem
     
  10. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    tình hình thế nào rồi huynh ? hóng từ đêm qua tới giờ :D
     
  11. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Chạy bình thường e ơi, xem demo a import
     
  12. caolaogia7

    caolaogia7 Thượng Đế

    Tham gia:
    15/03/2017
    Bài viết:
    162
    Đã được thích:
    46
    Điểm thành tích:
    28
    Giới tính:
    Nam
    đã tải styles và cài thử thì đúng là lỗi trắng trang. Có thể file tải trên này bị lỗi ko nhỉ ? Thử up file styles lên lại xem thử xem
     
    huynhvantam123 thích bài này.
  13. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    vâng huynh, em cũng thử tải lại và cài lại vẫn bị. Chắc file lúc up bị lỗi hay sao nhỉ.

    Em có quay lại này
     
  14. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Khả năng cao là thiếu plugin để mình coi lại, vì mình tự tải ở trên rồi import mà nên ko nhầm file được đâu :D
     
  15. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    168
    Đã được thích:
    64
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Ae cài [8WR] XenPorta 2 (Portal) PRO 2.0.2.0 vào nhé
     
  16. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    THÔI Bỏ. cài kiểu gì vẫn bị lỗi ở cái styles. tìm styles khác vậy
     
  17. caolaogia7

    caolaogia7 Thượng Đế

    Tham gia:
    15/03/2017
    Bài viết:
    162
    Đã được thích:
    46
    Điểm thành tích:
    28
    Giới tính:
    Nam
    căng thế :))
    nó lỗi đây này:
    950.jpg
     
  18. caolaogia7

    caolaogia7 Thượng Đế

    Tham gia:
    15/03/2017
    Bài viết:
    162
    Đã được thích:
    46
    Điểm thành tích:
    28
    Giới tính:
    Nam
    pass giải nén của shoutbox-by-siropu-paid-1.3.3 là gì vậy :D
     
  19. caolaogia7

    caolaogia7 Thượng Đế

    Tham gia:
    15/03/2017
    Bài viết:
    162
    Đã được thích:
    46
    Điểm thành tích:
    28
    Giới tính:
    Nam
    muốn cài không lỗi thì làm như sau nhé vì chủ thớt ko hướng dẫn rõ ràng thôi:))
    nhớ
    Tạo hình nền ở footer: Appearance -> Widget
    Thêm Widget HTML như sau:
    Widget key: hacobi_footer_background
    HTML:
    Mã:
    <style>
    @media only screen and (max-width: 768px){.bg-img{display:none;}}
    .bg-img{background:#fff url("https://i.imgur.com/M3JEILa.jpg") center;height:130px;}
    </style>
    <div class="bg-img"></div>

    có thể làm trước hoặc sau khi import styels, chỉ cần nhớ làm trước khi chọn styles này ở ngoài giao diện thì nó ko lỗi =))
     
    huynhvantam123 thích bài này.
  20. huynhvantam123

    huynhvantam123 Thượng Đế

    Tham gia:
    28/08/2018
    Bài viết:
    90
    Đã được thích:
    15
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nơi ở:
    bình dương
    tks huynh nhiều.
     

Chia sẻ trang này

Đang tải...