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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,828
Được Like
12,687
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

Corporal
Tham gia
13/12/2015
Bài viết
151
Được Like
75
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,828
Được Like
12,687
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom