Other Navtab ResponsiveNarrow-Chỉ kiểm soát chiều rộng Tab

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,833
Được Like
12,691
Navtab ResponsiveNarrow-Chỉ kiểm soát chiều rộng Tab

Có những lúc cần chiều rộng tab của bạn được crushed down một chút để làm cho navbar của bạn hoạt động một cách trực quan hấp dẫn hơn cho người dùng của bạn duyệt trang web đang sử dụng thiết bị của họ mà sử dụng render ResponsiveNarrow.

Điều này rất hữu ích trên trang web chủ yếu cho người dùng đăng nhập khi visitors bar đã được populated, để tối ưu hóa navigation bar đầy đủ khi sử dụng trên điện thoại thông minh trong portrait view.

Đây là một chỉnh sửa đơn giản đến template EXTRA.css của bạn.
Mã:
/* == manually override navtab and visitortab widths for ResponsiveNarrow styling == */
@media (max-width:@maxResponsiveNarrowWidth)
{
.navTabs .publicTabs .navLink .navTabSelected
{
    padding: 0 15px !important;
    border-bottom: none !important;
}
.navTabs .visitorTabs .navLink .navTabSelected
{
    padding: 0 10px !important;
    border-bottom: none !important;
}
}

Để thay đổi độ rộng (lớn hơn hoặc nhỏ hơn) Navigation Tabs của bạn, chỉ cần thay đổi giá trị pixel padding của publicTabs nhiều hơn hoặc ít hơn.

Để thay đổi độ rộng (lớn hơn hoặc nhỏ hơn) Visitor Tabs của bạn, chỉ cần thay đổi giá trị pixel padding của visitorTab nhiều hơn hoặc ít hơn.

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


Nguồn: xenforo.com​
 
  • Like
Reactions: THB
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
thanhtienpda Template Modifications 5

Chủ đề tương tự


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
Mút Sofa Không Gian
Top Bottom