1. Trang chủ
  2. » Giáo án - Bài giảng

Tạo giao diện violet

4 291 0

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

THÔNG TIN TÀI LIỆU

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 TẠI ĐÂY Bước 2: Trong file nguồn CSS, BV ghi rõ cuối dòng cho mục cần thay màu Thầy Cô mở file Notepad 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 …) Dùng mã màu HEX: Thầy cô dùng bảng chọn mã màu để chế tác màu copy mã màu (DOWNLOAD file flash chọn mã màu TẠI ĐÂY) 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 hosthttp://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: Thầy Cô dùng phần mềm tạo ảnh tĩnh ảnh động để tạo hình ảnh độc quyền hiển thị cuối khung khối chức theo kích thước: ngang 190px, cao tùy ý (nhỏ nhỏ xinh xinh nhá !) 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 VD: Giao diện nhà BV ! ... 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: Thầy Cô dùng phần mềm tạo ảnh tĩnh ảnh động để tạo hình... 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 VD: Giao diện nhà BV !...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 hosthttp://jabry.net (BV thấy host ổn định) host có hỗ trợ

Ngày đăng: 04/11/2015, 02:03

Xem thêm: Tạo giao diện violet

w