Tutorial 2x Use Logo in the NavtabMenu - Cách hiện logo trong NavtabMenu cho XenForo 2.0.x và 2.1.x

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,965
Được Like
11,301
Use Logo in the NavtabMenu - Cách hiện logo trong NavtabMenu cho XenForo 2.0.x và 2.1.x

Di chuyển logo của bạn vào phần menu.

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

Thêm code sau 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 */

Đối với phiên bản xenForo 2.1.x.
Thêm code sau vào template Extra.less mà không thay đổi nó.
Mã:
/* xFDestek.com - NavtabMenü xenForo 2.1.x ver 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ü xenForo 2.1.x ver Logo */

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


Nguồn: xenforo.com​
 

d2agon

Thượng Đế
Tham gia
13/12/2015
Bài viết
151
Được Like
74
Sao nhiều dòng thế nhỉ? Mình dùng mỗi 3 dòng mà vẫn đạt được hiệu quả như mình mong muốn:
Mã:
.p-header {display: none;}
.p-nav-smallLogo {display: block; align-self: auto; padding-left: 20px;}
.p-sectionLinks {display: none;}
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,965
Được Like
11,301
Cái này mình leech về nó vậy chứ thật ra mình chỉ cần chỉnh 1 dòng code là đã hiện được rồi, hii
 

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