Menu nhanh

Thư mục

Chuyên môn Thành Viên

Cập nhật: 11h 25/8/2012 (113)
Tôi muốn gia nhập vào đây

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ành viên trực tuyến

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

    Truy cập từ các nước

    free counters

    Sắp xếp dữ liệu

    Menu chức năng 1

    Gốc > BÀI VIẾT TIN HỌC > Kinh nghiệm >

    Giao diện trang riêng Violet 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é !
    
     
    
    Lưu ý: Thầy Cô cần chỉnh sửa lại độ rộng của banner thành 990px.
    
     
    

     

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

    Nhắn tin cho tác giả
    Trần Minh Thọ @ 07:36 11/12/2012
    Số lượt xem: 981
    Số lượt thích: 0 người
     
    Gửi ý kiến