VỌC SĨ ONLINE

0 khách và 0 thành viên

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thống kê truy cập

    free counters

    HƯỚNG DẪN TẠO GIAO DIỆN RỘNG NGANG 990px

    Nhấn vào đây để tải về
    Hiển thị toàn màn hình
    Báo tài liệu có sai sót
    Nhắn tin cho tác giả
    (Tài liệu chưa được thẩm định)
    Nguồn:
    Người gửi: Vũ Ngọc Hải Bằng (trang riêng)
    Ngày gửi: 02h:20' 09-12-2012
    Dung lượng: 103.7 KB
    Số lượt tải: 42
    Số lượt thích: 0 người
    HƯỚNG DẪN TẠO GIAO DIỆN RỘNG NGANG 990px

    Sau một thời gian thử nghiệm tính ổn định của giao diện trong suốt rộng ngang 990px (pixel), nay BV xin chia sẻ cùng quý Thầy Cô thích vọc code.
     Việc chỉnh sửa code này cũng tương tự như code tạo giao diện mà BV đã chia sẻ trước đây. (Xem thêm TẠI ĐÂY). Thầy Cô tải file tạo giao diện .css về và chỉnh sửa màu sắc, kích thước chữ cũng như các hình ảnh hiển thị trên giao diện như sau:
    Tại mỗi mục, BV có ghi chú cho các thành phần để quý Thầy Cô có thể vọc dễ dàng hơn.
    1) Chỉnh sửa màu và kích thước chữ:
    - Thầy Cô thay màu vào các vị trí có code "color:tênmàu (hoặc mã màu)"
    - Thầy Cô thay số để tăng hoặc giảm kích thước chữ tại các vị trí có code "
    font-size:??px"
     
    2) Thay đổi hình ảnh hiển thị trên giao diện:
    - Thầy Cô thay đổi link đến các file hình ảnh sau:
    + Header:
    Nếu muốn thay đổi thì tạo hình ảnh mới kính thước 235px X 42px

    + Bottom:
      (190px X 19px)
     (220px X 38px)
    + Khung trên khối chính:
    Nếu muốn thay đổi thì tạo hình ảnh mới kính thước 690px X 80px
    
    + Khung dưới khối chính:
    
    Nếu muốn thay đổi thì tạo hình ảnh mới kính thước 690px X 80px
     + Khung 2 bên:
    Code hiện tại BV đang dùng không có hình khung 2 bên. Nếu Thầy Cô muốn dùng thì hãy tạo 1 hình ảnh có kích thước 690px X 80px.
    + Khung khối chính tư liệu:
    Các hình này vẫn có kích thước như cũ. Nên Thầy Cô chỉ cần lấy link hình đang dùng thế vào code giao diện mới là xong.
    Khung 1: 
    Khung 2: 
     
    3) Up file lên host:
    Bây giờ, Thầy Cô đưa file giao diện 990px cùng các file hình ảnh liên quan lên host và kéo link về.
    Ngắm thành quả nhé !

    

    Chúc Thầy Cô VỌC VUI VẺ !

     
    Gửi ý kiến

    ↓ CHÚ Ý: Bài giảng này được nén lại dưới dạng RAR và có thể chứa nhiều file. Hệ thống chỉ hiển thị 1 file trong số đó, đề nghị các thầy cô KIỂM TRA KỸ TRƯỚC KHI NHẬN XÉT  ↓