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,814
Được Like
11,108
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


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