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

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 21/01/2019.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    9,783
    Đã được thích:
    6,382
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    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​
     
  2. d2agon

    d2agon Thượng Đế

    Tham gia:
    13/12/2015
    Bài viết:
    133
    Đã được thích:
    65
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nghề nghiệp:
    Âm nhạc
    Nơi ở:
    Vietnam
    Web:
    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;}
     
  3. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    9,783
    Đã được thích:
    6,382
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    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
     

Chia sẻ trang này