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

hacobi1102

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
Đâ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: 177
Sửa lần cuối:

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
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
 
  • Like
Reactions: THB

hacobi1102

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
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: 37
  • brivium-modern-statistics-3.0.4.zip
    103 KB · Lượt xem: 60
  • foroagency-coloredusername-1.1.0.zip
    8.4 KB · Lượt xem: 40
  • shoutbox-by-siropu-paid-1.3.3.rar
    32.1 KB · Lượt xem: 40
  • [CodeVn.Net]Thread-Starter.zip
    12.5 KB · Lượt xem: 37
  • andy-similarthreads-4.4.zip
    21.7 KB · Lượt xem: 43
Sửa lần cuối:

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
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.
 

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
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.
 

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
đã 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
 

hacobi1102

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
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
 

hacobi1102

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
Ae cài [8WR] XenPorta 2 (Portal) PRO 2.0.2.0 vào nhé
 

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
THÔI Bỏ. cài kiểu gì vẫn bị lỗi ở cái styles. tìm styles khác vậy
 
  • Like
Reactions: THB

caolaogia7

Corporal
Tham gia
15/03/2017
Bài viết
164
Được Like
52
pass giải nén của shoutbox-by-siropu-paid-1.3.3 là gì vậy :D
 
  • Like
Reactions: THB

caolaogia7

Corporal
Tham gia
15/03/2017
Bài viết
164
Được Like
52
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 =))
 

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
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.
 

Top Bottom