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

hacobi1102

MasterCorporal
Đâ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: https://yeupet.vn


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

Đính kèm

Sửa lần cuối:
Gửi ae đính kèm thêm mấy plugin nhé, pass nếu có: prowebber.ru
 

Đính kèm

Sửa lần cuối:
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.
 
đã 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
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
 
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
 
THÔI Bỏ. cài kiểu gì vẫn bị lỗi ở cái styles. tìm styles khác vậy
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 =))
 
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 =))
tks huynh nhiều.
 
Back
Top