- Tham gia
- 28/02/2015
- Bài viết
- 16,204
- Được Like
- 12,547
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.
Để 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.
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