- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,688
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.
Thêm code sau vào template Extra.less:
Đố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ó.
Chúc các bạn thành công.
Di chuyển logo của bạn vào phần menu.
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
Bài viết liên quan
Được quan tâm
Bài viết mới