Tự tạo giao diện VIOLET theo phong cách riêng - Thầy Cô đã dùng hết tất cả các mẫu giao diện mà Violet cung cấp và cảm thấy chưa "đã" ??? - Thầy Cô muốn tạo một phong cách riêng cho trang Violet của mình ??? Đây, Bằng Vũ mời Thầy Cô cùng vọc nhé ! Bước 1: Download file nguồn giao diện CSS tại đây: MEDIAFIRE.COM Bước 2: Trong file nguồn CSS, BV đã ghi chú rõ ở cuối dòng cho từng mục cần thay màu. Thầy Cô mở file bằng Notepad và có thể thay đổi màu sắc cho từng mục theo ý thích để tạo phong cách riêng bằng 2 cách: - Dùng tên màu chuẩn bằng 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 và copy mã màu đó (DOWNLOAD file flash chọn mã màu TẠI ĐÂY) Khi đã thay màu thích hợp cho từng mục trên giao diện, Thầy Cô lưu file lại và gởi lên hosthttp://jabry.net (BV thấy host này đang ổn định) hoặc host nào có hỗ trợ Java Script (chằng hạn:http://110mb.com ; http://webng.com) là được. Bước 3: Chèn link file CSS ấy vào mục “Thông tin bản quyền” bằng đoạn code sau: <link rel="stylesheet" type="text/css" media="screen" href="LINK DẪN ĐẾN FILE CSS"/> Nếu chưa ưng ý, Thầy Cô có thể chỉnh sửa và upload lên lại, file mới up lên sẽ được ghi đè lên file cũ trên host. Tại trang Violet, Thầy Cô nhấn F5 để xem sự thay đổi. Bước 4: Tạo hình ảnh trên 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 này nếu thích hình đó. Hình đây: (Hình gif tự thay đổi màu nền sau mỗi 10 giây) Nếu không thích hình ấy, Thầy Cô có thể tự tạo cho mình 1 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 mỗi khung ở khối chức năng: 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 xinh xinh nhá !) VD: Bước 6: Tạo khung nền cho các chuyên mục là tài liệu, tư liệu trên khối chính: - Gồm 2 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 và ghi chữ độc quyền cuối mỗi khung. VD: Khung 1: Khung 2: Bước 7: Up các hình trên lên Violet và lấy link thay vào các chỗ BV đã ghi chú ở các dòng đầu trang trong file CSS. Bước 8: Upload file đã hoàn chỉnh lên host. Cuối cùng nhấn F5 để refresh lại trang Viole và ngắm nhìn thành quả. 1) Copy đoạn mã hiển thị đồng hồ Vào trang: http://www.clocklink.com/index.php Tại thư mục Gallery, có thể chọn nhiều loại đồng hồ khác nhau bằng cách click vào một trong các menu con sau đây: Newest Ad Free Analog Animal Animation Count Down & Up Dark Backgrounds Digital Holidays Logo & Custom Seasons Sports Transparent Wallpaper Khi chọn đồng hồ kiểu nào thì click vào black Select by Timezone Select by City Timezone: Country: City: Size: Chọn Viet Nam, Ha noi Tại ô “If the above does not work, please try the following code”, copy đoạn mã có dạng: <embed src="http://www.clocklink.com/clocks/0001-blue.swf? TimeZone=VietNam_Hanoi&Place=&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash"> 2) Đăng nhập và vào edit Template của mình: - Bảng điều khiển > Quản lý Template của blog > Blog Template Editor> Chọn Template mới > Click vào icon bút chì > Xuất hiện danh mục các tập tin nguồn của Template; - Click vào icon cây bút chì phía bên phải tập tin panel.template; - Dán đoạn mã ở trên vào vị trí thích hợp của tập tin panel.template > Cập nhật; Powered by Vnweblogs.com . dòng đầu trang trong file CSS. Bước 8: Upload file đã hoàn chỉnh lên host. Cuối cùng nhấn F5 để refresh lại trang Viole và ngắm nhìn thành quả. 1) Copy đoạn mã hiển thị đồng hồ Vào trang: http://www.clocklink.com/index.php Tại. Java Script (chằng hạn:http://110mb.com ; http://webng.com) là được. Bước 3: Chèn link file CSS ấy vào mục “Thông tin bản quyền” bằng đoạn code sau: <link rel="stylesheet" type="text/css". trên khối chính: - Gồm 2 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 và ghi chữ độc quyền cuối mỗi khung. VD: Khung 1: Khung 2: Bước 7: Up các hình