1. Trang chủ
  2. » Cao đẳng - Đại học

TU TAO GIAO DIEN VIOLET THEO PHONG CACH RIENG

4 8 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thầy Cô dùng phần mềm tạo ảnh tĩnh hoặc ảnh động để tạo ra một hình ảnh độc quyền hiển thị cuối mỗi khung trong khối chức năng theo kích thước: ngang 190px, cao tùy ý (nhỏ nhỏ thì mới xi[r]

(1)

TỰ TẠO GIAO DIỆN VIOLET THEO PHONG CÁCH RIÊNG - Thầy Cô dùng hết tất mẫu giao diện mà Violet cung cấp cảm thấy chưa "đã" ??? - Thầy Cô muốn tạo phong cách riêng cho trang Violet ???

Đây, Bằng Vũ mời Thầy Cô vọc !

Bước 1: Download file nguồn giao diện CSS: GIAO DIỆN TRONG SUỐT GIAO DIỆN BÌNH THƯỜNG

Bước 2: Thầy Cô mở file "GiaodienCSS.doc" (file Word 2003) thay tên màu vào vị trí cho phù hợp Sau COPY đoạn code bên dán vào Notepad lưu với phần mở rộng css Có thể thay đổi màu sắc cho mục theo ý thích để tạo phong cách riêng cách:

- Dùng tên màu chuẩn tiếng Anh (VD: white, red, blue, green, yellow, brown …)

(2)

Khi thay màu thích hợp cho mục giao diện, Thầy Cô lưu file lại gởi lên host http://jabry.net (BV thấy host ổn định) host có hỗ trợ Java Script (chằng hạn: http://110mb.com ; http://webng.com)

Bước 3: Chèn link file CSS vào mục “Thông tin quyền” đoạn code sau:

Nếu chưa ưng ý, Thầy Cơ chỉnh sửa upload lên lại, file up lên ghi đè lên file cũ host Tại trang Violet, Thầy Cô nhấn F5 để xem thay đổi

Bước 4: Tạo hình ảnh tiêu đề khối chức năng:

Với phần này, BV ghi link sẵn dẫn đến hình ảnh Thầy Cơ khơng cần chỉnh sửa link thích hình

Hình đây: (Hình gif tự thay đổi màu sau 10 giây)

Nếu khơng thích hình ấy, Thầy Cơ tự tạo cho hình khác theo phong cách riêng với kích thước sau: ngang 190px, cao 42px

Bước 5: Tạo hình ảnh cuối khung khối chức năng:

(3)

VD:

Bước 6: Tạo khung cho chuyên mục tài liệu, tư liệu khối chính: - Gồm khung có kích thước: width 168px x height 150px

- Thầy Cô dùng phần mềm đồ họa tạo ảnh ghi chữ độc quyền cuối khung VD:

Khung 1:

Khung 2:

Bước 7: Up hình lên Violet lấy link thay vào chỗ BV ghi dòng đầu trang file CSS

Bước 8: Upload file hoàn chỉnh lên host Cuối nhấn F5 để refresh lại trang Viole ngắm nhìn thành

(4)

1) Giao diện suốt:

2) Giao diện thường:

TẠO PHONG CÁCH RIÊNG CHO TRANG VIOLET ĐÂY NHÁ !

GIAO DIỆN TRONG SUỐT GIAO DIỆN BÌNH TẠI ĐÂY http://jabry.net http://110mb.com http://webng.com Vũ Ngọc Hải Bằng

Ngày đăng: 30/05/2021, 22:02

Xem thêm:

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w