- 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:
Thay bằng:
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:
Thay bằng:
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.
Đâ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
Bài viết liên quan
Bài viết mới
Bị lỗi data
bởi bloghocpiano,