Tutorial 2x Use Logo in the NavtabMenu - Đưa Logo vào NavtabMenu cho XenForo 2

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,999
Được Like
11,340
Use Logo in the NavtabMenu - Đưa Logo vào NavtabMenu cho XenForo 2

Di chuyển logo của bạn đến phần menu.

2018-05-20_16-38-30.png

Đơn giản chỉ cần thêm đoạn code bên dưới vào template extra.less:
Mã:
/* xFDestek.com - NavtabMenü Logo */
.p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 45px;}
.p-nav-smallLogo {display: block;}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
/* xFDestek.com - NavtabMenü Logo */

Lưu lại là xong.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

hacobi1102

Thượng Đế
Tham gia
10/03/2016
Bài viết
355
Được Like
164
fix lại cho không bị hỏng Menu (style mặc định)
HTML:
/* xFDestek.com - NavtabMenü Logo */
.p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.has-js .p-header {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 38px;}
.p-nav-smallLogo {display: block;}
/* xFDestek.com - NavtabMenü Logo */
 

sanhpv1

Thượng Đế
Tham gia
15/07/2020
Bài viết
105
Được Like
2
sao mình xem chế độ moblie thì nó k hiện như vnxf nhỉ mn
 

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 Bottom