Chào mừng thầy cô và các bạn đến với website của Ngô Thị Chi Uyên

Quý vị chưa đăng nhập hoặc chưa đăng ký làm thành viên, vì vậy chưa thể tải được các tài liệu của Thư viện về máy tính của mình.
Nếu chưa đăng ký, hãy nhấn vào chữ ĐK thành viên ở phía bên trái, hoặc xem phim hướng dẫn tại đây
Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay phía bên trái.
Gốc > Bài viết tin học >

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ả
Vũ Ngọc Hải Bằng @ 11:55 09/12/2012
Số lượt xem: 2362
Số lượt thích: 0 người
Avatar

Thăm em Chi Uyên, chúc em giáng sinh vui !

Avatar

THĂM EM

Avatar

Em cảm ơn anh Hải Bằng cùng thầy Tiến, mùa noen đến thật vui nhé.

Avatar

Nhà Chi Uyên đẹp quá ! Lâu H mới ghé thăm ! Buổi tối vui nhiều nhé !

Avatar

Hi, bồ cũng vậy nha.

 
Gửi ý kiến