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

  • Style-Facebook-1.0-for-XF2.zip
    188.2 KB · Lượt xem: 161
Sửa lần cuối:

hacobi1102

MasterCorporal
Gửi ae đính kèm thêm mấy plugin nhé, pass nếu có: prowebber.ru
 

Đính kèm

  • DL6-MLTP-1.1.2.zip
    72.2 KB · Lượt xem: 36
  • brivium-modern-statistics-3.0.4.zip
    103 KB · Lượt xem: 58
  • foroagency-coloredusername-1.1.0.zip
    8.4 KB · Lượt xem: 39
  • shoutbox-by-siropu-paid-1.3.3.rar
    32.1 KB · Lượt xem: 39
  • [CodeVn.Net]Thread-Starter.zip
    12.5 KB · Lượt xem: 36
  • andy-similarthreads-4.4.zip
    21.7 KB · Lượt xem: 42
Sửa lần cuối:

hacobi1102

MasterCorporal
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
 

caolaogia7

Corporal
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.
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top