• Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
  • Trang chủ
  • Hướng dẫn
  • Module
  • Đại lý
  • FAQ
  • Blog
    • Tin tức
    • Thông báo phát hành
  • Đăng nhập
  • Đăng ký miễn phí
Trang chủ/Hướng dẫn/Giao diện ứng dụng/Tuỳ chỉnh giao diện với CSS/Tuỳ chỉnh Thiết kế với mẫu giao diện số 9 – Layout 9

Tuỳ chỉnh Thiết kế với mẫu giao diện số 9 – Layout 9

18 lượt truy cập 0

Hướng dẫn Tuỳ chỉnh CSS dưới đây cho mẫu giao diện số 9 – Layout 9

Nếu bạn muốn thay đổi Thanh Menu ngang bên cạnh giống hình ảnh dưới đây:

Bạn chỉ cần sao chếp đoạn code dưới đây và dán vào Khu vực Tuỳ chỉnh nâng cao CSS ở phía dưới tại TAB Màu sắc:

.layout.l9 ul.items li { 
    display: -webkit-flex; 
    display: flex; 
    -webkit-align-items: center; 
    align-items: center; 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
} 
.layout.l9 li img { 
    margin: 0 0 0 10px; 
} 
.layout.l9 ul.items li p { 
    margin: 0 0 0 10px; 
}

Các tuỳ chọn:

box-bottom-width: Kích thước của bạn.

border margin: Khoảng cách giữa các phần tử

Bạn cũng có thể thay đổi các giá trị của box-bottom-width hoặc margin.

Ví dụ: box-bottom-width: 4px

Bài viết này có giúp ích gì cho bạn không ?

Có  Không
Cùng chuyên mục
  • Tuỳ chỉnh nút Menu cho các giao diện.
  • Tuỳ chỉnh chiều cao tuỳ chọn Hình ảnh trong Module Tuỳ chỉnh
  • Xoá bỏ nút điều hướng trong các mẫu giao diện số 3 – số 4 – số 5
  • Tuỳ chỉnh giao diện cho Mẫu số 18
  • Chuyển đổi hiển thị trong Module Catalog
  • Làm thế nào để tuỳ chỉnh vị trí tiêu đề Module ?
Có thể bạn quan tâm
  • Hướng dẫn các bước Xuất bản ứng dụng Android
  • Tạo Chứng chỉ Phân phối iOS (iOS Distribution Certificate)
  • Module Thương mại điện tử
  • Làm thế nào để thay đổi icon hình ảnh của Module
  • Quảng cáo AdMob sẽ xuất hiện trong ứng dụng của tôi như thế nào ?
Danh mục hướng dẫn
  • Bắt đầu 7
  • Các bước tạo ứng dụng di động 6
  • Giao diện ứng dụng 12
    • Tuỳ chỉnh giao diện với CSS 22
  • Các Module ứng dụng 60
  • Xuất bản ứng dụng Android 4
  • Xuất bản ứng dụng iOS 13
  • Tuỳ chỉnh và Nâng cao 26
    • Sử dụng HTML trong ứng dụng 13
  • Kiếm tiền với AdMob 5
  • Ứng dụng Android và các vấn đề đã biết 1
  • Ứng dụng iOS và các vấn đề đã biết 1
  • Gỡ lỗi 2
  • Dành cho Nhà phát triển 4
    • Tài liệu API 1
  • Các vấn đề khác 4
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • © 2017 - 2020 AppTeng - phát triển và Vận hành.