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

TỰ TẠO GIAO DIỆN VIOLET THEO PHONG CÁCH RIÊNG

13 272 1

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

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 13
Dung lượng 2,97 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

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ă

Trang 1

TỰ TẠO GIAO DIỆN VIOLET THEO PHONG C CH RIÊNGÁCH RIÊNG

- 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: GIAO DI Ệ N TRONG SU Ố T hoặc GIAO DI Ệ N BÌNH TH

ƯỜ NG

B

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

- Dùng mã m u HEX: Thà Violet cung c ầy cô dùng bảng chọn mã m u à Violet cung c để chế tác m u v copy mã m u à Violet cung c à Violet cung c à Violet cung c đó (DOWNLOAD file flash chọn mã m uà Violet cung c T Ạ I Đ ÂY )

Trang 2

Khi đã thay m u thích hà Violet cung c ợp cho từng mục trên giao diện, Thầy Cô lưu file lại v gà Violet cung c ởi lên

B

ướ c 3 : Chèn link file CSS ấy v o mà Violet cung c ục “Thông tin bản quyền” bằng đoạn code sau:

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:

hình đó

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á !)

Trang 3

VD:

B

ướ c 6: Tạo khung nền cho các chuyên mục l t i lià Violet cung c à Violet cung c ệu, tư liệu trên khối chính:

- Gồm 2 khung có kích thước: width 168px x height 150px

VD:

Khung 1:

Khung 2:

B

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

B

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

VD: Giao diện nh BV à Violet cung c đấy !

Trang 4

1) Giao di ệ n trong su ố t :

2) Giao di ệ n th ườ ng :

V

Số lượt xem: 11064

Trang 5

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

V

ũ Ng ọ c H ả i B ng @ 23h:28p 30/03/11

VUI VẺ nhé !

Lê V ă n Bình @ 06h:43p 31/03/11

Thật tuyệt! mình đang đậu phụ lĩnh vực n yà Violet cung c

Chu V ă n Quý @ 10h:39p 31/03/11

Tr

ươ ng Thu Trang @ 16h:09p 31/03/11

Ôm b i n y và Violet cung c à Violet cung c ề nh tà Violet cung c ừ từ vọc nhé

Đỗ

Thanh D ươ ng @ 20h:57p 31/03/11

ảnh GIF

http://lebinh72qn.violet.vn/present/show/entry_id/5311670

Lê V ă n Bình @ 22h:14p 31/03/11

Rinh về ngâm cứu đã Hải Bằng nhé!

Trang 6

Bình Nguyên @ 22h:16p 31/03/11

H

ả i Nguyên V ă n @ 23h:11p 31/03/11

Lê V ă n Bình @ 06h:06p 01/04/11

Sang thăm thầy Hải Bằng Chúc thầy vui nhé!

Thường xuyên đi đường vòng nè!

Nguy ễ n Th ị T ươ i @ 11h:40p 01/04/11

1 3 5 14 15

Top of Form

Đường dẫn:

 T Ạ O CH Ỉ M Ụ C CHO “TOP 10 BÀI VI Ế T TIÊU BI Ể U” (24/06/11)

 Thi ế t l ậ p hình n ề n cho trang riêng (23/06/11)

 Code b ả ng qu ả ng cáo góc d ướ i ph ả i (20/06/11)

 M ẹ o nh ỏ để bi ế t chính xác ng y th nh l à Violet cung c à Violet cung c ậ p trang riêng Violet (16/06/11)

 Code hi ể n th ị tình tr ạ ng online/offline trên YM! (16/06/11)

BẰNG VŨ HỖ TRỢ TRỰC TUYẾN QUA YAHOO MESSENGER.

Chèn biểu cảm

Tìm ki ế m th nh viênà Violet cung c

Trang 7

IN TRANG N YÀ

- 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: GIAO DI Ệ N TRONG SU Ố T hoặc GIAO DI Ệ N BÌNH TH

ƯỜ NG

B

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

- Dùng mã m u HEX: Thà Violet cung c ầy cô dùng bảng chọn mã m u à Violet cung c để chế tác m u v copy mã m u à Violet cung c à Violet cung c à Violet cung c đó (DOWNLOAD file flash chọn mã m uà Violet cung c T Ạ I Đ ÂY )

Trang 8

Khi đã thay m u thích hà Violet cung c ợp cho từng mục trên giao diện, Thầy Cô lưu file lại v gà Violet cung c ởi lên host http://jabry.net (BV thấy host n y à Violet cung c đang ổn nh) ho c host n o có h tr Java Script (ch ngđịnh) hoặc host nào có hỗ trợ Java Script (chằng ặc host nào có hỗ trợ Java Script (chằng à Violet cung c ỗ trợ Java Script (chằng ợ Java Script (chằng ằng

h n:ạn: http://110mb.com ; http://webng.com) l à Violet cung c đượ Java Script (chằngc

Bướ c 3 : Chèn link file CSS ấy v o mà Violet cung c ục “Thông tin bản quyền” bằngng đoạn:n code sau:

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 ư ư ửa và upload lên lại, file mới up lên sẽ được ghi đè lên file à Violet cung c ạn: ới up lên sẽ được ghi đè lên file ẽ được ghi đè lên file đượ Java Script (chằngc ghi è lên fileđ

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

Với up lên sẽ được ghi đè lên filei ph n n y, BV à Violet cung c đã ghi link sẵn dẫn đ n hình ảnh Th y Cô không c n ch nh sửa và upload lên lại, file mới up lên sẽ được ghi đè lên filea link n y nà Violet cung c u thích hình đó

N u không thích hình ấy, Th y Cô có th tự thay đổi tạn:o cho mình 1 hình khác theo phong cách riêng với up lên sẽ được ghi đè lên filei kích thưới up lên sẽ được ghi đè lên filec sau: ngang 190px, cao 42px

Bướ c 5 : Tạn:o hình ảnh cuối mỗ trợ Java Script (chằngi khung ở khối chức n ng:ă

Th y Cô dùng ph n m m t o nh t nh ho c nh ề ạn: ả ĩnh hoặc ảnh động để tạo ra một hình ảnh độc quyền hiển thị ặc host nào có hỗ trợ Java Script (chằng ả động để tạo ra một hình ảnh độc quyền hiển thịng đ t o ra m t hình nh ạn: ộng để tạo ra một hình ảnh độc quyền hiển thị ả động để tạo ra một hình ảnh độc quyền hiển thịc quy n hi n thề ịnh) hoặc host nào có hỗ trợ Java Script (chằng

cu i m i khung trong kh i ch c n ng theo kích thố ỗ trợ Java Script (chằng ố ứ ă ưới up lên sẽ được ghi đè lên filec: ngang 190px, cao tùy ý (nh nh thì m i xinhỏ nhỏ thì mới xinh ỏ nhỏ thì mới xinh ới up lên sẽ được ghi đè lên file xinh nhá !)

Trang 9

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:ạn: ề ụ à Violet cung c à Violet cung c ệu, tư liệu trên khối chính: ư ệu, tư liệu trên khối chính: ố

- G m 2 khung có kích thồm 2 khung có kích thước: width 168px ưới up lên sẽ được ghi đè lên filec: width 168px x height 150px

- Th y Cô dùng ph n m m ề đồm 2 khung có kích thước: width 168px ọa tạo ảnh và ghi chữ độc quyền cuối mỗi khung ạn: ả h a t o nh v ghi ch à Violet cung c ữ độc quyền cuối mỗi khung động để tạo ra một hình ảnh độc quyền hiển thịc quy n cu i m i khung.ề ố ỗ trợ Java Script (chằng

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 à Violet cung c ấ à Violet cung c ỗ trợ Java Script (chằng đ ở đ u trang trong file CSS

nhìn th nh qu à Violet cung c ả

VD: Giao di n nh BV ệu, tư liệu trên khối chính: à Violet cung c đấy !

1) Giao di n trong su t ện trong suốt ốt :

Trang 10

2) Giao di n th ện trong suốt ường : ng

V Ng cọa tạo ảnh và ghi chữ độc quyền cuối mỗi khung H iả B ngằng @ 10:30 25/06/2011

S lố ượ Java Script (chằngt xem: 11064

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

Trang 11

V Ng c H i B ng ọa tạo ảnh và ghi chữ độc quyền cuối mỗi khung ả ằng @ 23h:28p 30/03/11

M t b i vi t quá chi ti t.Xin cám n th y V Ng c H i B ng ã chia s Chúc th y cùng nhóm V C ộng để tạo ra một hình ảnh độc quyền hiển thị à Violet cung c ơn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC ọa tạo ảnh và ghi chữ độc quyền cuối mỗi khung ả ằng đ ẻ.Chúc thầy cùng nhóm VỌC ỌC

Lê V n Bình ă @ 06h:43p 31/03/11

Th t tuy t! mình ang ật tuyệt! mình đang đậu phụ lĩnh vực này ệu, tư liệu trên khối chính: đ đật tuyệt! mình đang đậu phụ lĩnh vực nàyu ph l nh v c n yụ ĩnh hoặc ảnh động để tạo ra một hình ảnh độc quyền hiển thị ự thay đổi à Violet cung c

Chu V n Quý ă @ 10h:39p 31/03/11

C3 l m th nha à Violet cung c ửa và upload lên lại, file mới up lên sẽ được ghi đè lên file C n ÚT H i B ngnhi u !ơn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC ả ằng ề

Tr ươn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC ng Thu Trang @ 16h:09p 31/03/11

Ôm b i n y v nh t t v c nhé.à Violet cung c à Violet cung c ề à Violet cung c ừ từ vọc nhé ừ từ vọc nhé ọa tạo ảnh và ghi chữ độc quyền cuối mỗi khung

Thanh D ng

ĐÂY NHÁ !ỗ trợ Java Script (chằng ươn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC @ 20h:57p 31/03/11

M i th y H i B ng v o chuyên m c n y V C cho mình m y nét c b n v ch ch y trong PM t o / ả ằng à Violet cung c ụ à Violet cung c ỌC ấ ơn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC ả ề ữ độc quyền cuối mỗi khung ạn: ạn:

nh GIF

http://lebinh72qn.violet.vn/present/show/entry_id/5311670

Lê V n Bình ă @ 22h:14p 31/03/11

Rinh v ngâm c u ã H i B ng nhé!ề ứ đ ả ằng

Bình Nguyên @ 22h:16p 31/03/11

Trang 12

Mai ã l ng y Cá Tháng 4 (April Fool's Day), Chúc Th y may m n!đ à Violet cung c à Violet cung c ắm

H i Nguyên V n ả ă @ 23h:11p 31/03/11

Ch o th y ào th ầy H i B ng bu i sáng nhé ! Mình m i s n l i nh ải Bằng buổi sáng nhé ! Mình mới sơn lại nhà đấy ! ằng buổi sáng nhé ! Mình mới sơn lại nhà đấy ! ổi sáng nhé ! Mình mới sơn lại nhà đấy ! ớ ơn lại nhà đấy ! ại nhà đấy ! ào th đấy ! y !

Lê V n Bình ă @ 06h:06p 01/04/11

H iả B ng i! Lúc n y TN không m c a s nhìn qua nh em không ằng ơn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC à Violet cung c ở ủa sổ nhìn qua nhà em không được Không biết tại sao nữa ổi à Violet cung c đượ Java Script (chằngc Không bi t t i sao n a ạn: ữ độc quyền cuối mỗi khung

Nguy n Th T ễn Thị Tươi ịnh) hoặc host nào có hỗ trợ Java Script (chằng ươn thầy Vũ Ngọc Hải Bằng đã chia sẻ.Chúc thầy cùng nhóm VỌC i @ 11h:40p 01/04/11

1 3 5 14 15

Top of Form

ng d n:

ĐÂY NHÁ !ư/ ẫ

 T O CH M C CHO “TOP 10 BÀI VI T TIÊU BI U” ẠO PHONG CÁCH RIÊNG CHO TRANG VIOLET ĐÂY NHÁ ! Ỉ MỤC CHO “TOP 10 BÀI VIẾT TIÊU BIỂU” ỤC CHO “TOP 10 BÀI VIẾT TIÊU BIỂU” ẾT TIÊU BIỂU” ỂU” (24/06/11)

 Thi t l p hình n n cho trang riêng ật tuyệt! mình đang đậu phụ lĩnh vực này ề (23/06/11)

 Code b ng qu ng cáo góc d ả ả ưới up lên sẽ được ghi đè lên file i ph i ả (20/06/11)

 M o nh ẹo nhỏ để biết chính xác ngày thành lập trang riêng Violet ỏ nhỏ thì mới xinh đ bi t chính xác ng y th nh l p trang riêng Violet à Violet cung c à Violet cung c ật tuyệt! mình đang đậu phụ lĩnh vực này (16/06/11)

 Code hi n th tình tr ng online/offline trên YM! ịnh) hoặc host nào có hỗ trợ Java Script (chằng ạn: (16/06/11)

B NG V H TR TR C TUY N QUA YAHOO MESSENGER ẰNG VŨ HỖ TRỢ TRỰC TUYẾN QUA YAHOO MESSENGER Ũ HỖ TRỢ TRỰC TUYẾN QUA YAHOO MESSENGER Ỗ TRỢ TRỰC TUYẾN QUA YAHOO MESSENGER Ợ TRỰC TUYẾN QUA YAHOO MESSENGER ỰC TUYẾN QUA YAHOO MESSENGER ẾN QUA YAHOO MESSENGER.

Chèn bi u c m ểu cảm ải Bằng buổi sáng nhé ! Mình mới sơn lại nhà đấy !

Tìm ki m th nh viênà Violet cung c

Trang 13

IN TRANG N YÀ

Ngày đăng: 31/10/2014, 05:00

HÌNH ẢNH LIÊN QUAN

Hình đây:   (Hình gif tự thay đổi m u n à Violet cung c ền sau mỗi 10 giây) - TỰ TẠO GIAO DIỆN VIOLET THEO PHONG CÁCH RIÊNG
nh đây: (Hình gif tự thay đổi m u n à Violet cung c ền sau mỗi 10 giây) (Trang 2)

TỪ KHÓA LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w