Other Profile Tabs As Fixed Block - Tab hồ sơ như block cố định

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
Profile Tabs As Fixed Block - Tab hồ sơ như block cố định

Đây là một thay đổi khá đơn giản cho phép bạn đặt các tab thông tin trên trang hồ sơ trong một block floating fixed truy cập cho phép ngay cả khi di chuyển xuống dưới trang.

Vì vậy, về cơ bản bạn sẽ được thực hiện một chỉnh sửa template nhanh chóng và bạn sẽ cần phải thực hiện một thay đổi style property.

Dưới đây là những gì bạn sẽ làm gì đầu tiên:

Vào AdminCP -> Appearance -> Templates -> Hãy chắc chắn rằng bạn đang ở trong style dự định sửa đổi này -> tìm template member_view -> Mở template, như vậy bạn có thể làm cho việc sửa đổi

Một khi bạn đang ở trong template tìm:
Mã:
            <ul class="tabs mainTabs Tabs" data-panes="#ProfilePanes > li" data-history="on">
                <li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
                <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>
                <xen:if is="{$warningCount}"><li><a href="{$requestPaths.requestUri}#warnings">{xen:phrase warnings} ({xen:number $warningCount})</a></li></xen:if>
                <xen:hook name="member_view_tabs_heading" params="{xen:array 'user={$user}'}" />
            </ul>

Thay bằng:
Mã:
            <div style="width: 10%; float: right; position: fixed; right: 0; top: 55%;">
            <ul class="tabs mainTabs Tabs" data-panes="#ProfilePanes > li" data-history="on">
                <li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
                <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>
                <xen:if is="{$warningCount}"><li><a href="{$requestPaths.requestUri}#warnings">{xen:phrase warnings} ({xen:number $warningCount})</a></li></xen:if>
                <xen:hook name="member_view_tabs_heading" params="{xen:array 'user={$user}'}" />
            </ul>
           </div>

Nếu bạn muốn cho các block được ở bên trái bạn sẽ phải thay đổi float:right thành float:left.

Bây giờ đi vào style properties và tìm 'PageNav, Link Groups and Tabs'.

Chọn tab 'tab' một lần bên trong style property.

Bây giờ trong phần tìm miscellaneous:
Mã:
display: inline-block;

Thay bằng:
Mã:
display: inline-table;

Bạn sẽ cần phải thực hiện một số điều chỉnh cá nhân, tất cả đều phải được thực hiện thông qua style properties để tránh các biến chứng trong tương lai.

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


Nguồn: xenforo.com​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom