Tôi viết bài này không ngoài mục đích làm tư liệu cho mình khi tạo giao diện Blog.Bỡi ví có quá nhiều thầy cô giỏi vi tính, có trình độ Tin học ngôn ngữ lập trình...

          Tài liệu tôi viết dựa vào tài liệu quý thầy như : Kim Tường, Quốc Thư, Vân Phong, Hải Bằng...        

Giao diện trang "Những nhịp cầu tri thức" đươc làm như sau:

I.CHUẨN BỊ:

1) Bạn cần có 3 tài khoản cần thiết (miễn phí):

                   + Tài khoản gửi dữ liệu (mọi dữ liệu): Tạo miễn phí trên trangwww.mediafire.com

                   + Tài khoản gửi dữ liệu ảnh: Tạo miễn phí trên trang www.photobucket.com

                   + Tài khoản Hosting: Tạo miễn phí trên trang www.webng.com hoặcwww.110MB.com hoặc www.opendriver.com .Mình tạo Hosting ở trang này:http://www.jabry.net/cpanel/login.asp .Khi tạo tài khoản trang này, nhớ dùng Google Chrome vì có dịch tiếng Việt (Xem tại đây)

          2) Bạn cần có 4 công cụ tạo hiệu ứng cho blog:

          Các công cụ này bạn có thể tải về theo đường link trong mục “Giới thiệu phần mềm” trên blog: Violet.vn/dangquocthu.

                   + Phần mềm chỉnh sửa ảnh: PhotoShop 7.0 (Phù hợp với máy cấu hình thấp)

                   + Phần mềm tạo ảnh động xuất file cực nét: Easy GIF Animator (Tại đây)

                   + Phần mềm tạo các swf quảng cáo, banner tích hợp menu: Sothink SWF Quicker

                   + Phần mềm tạo banner, .. : Aleo Flash Intro Banner Maker

II.HÀNH ĐỘNG:

Bước 1:

1.Bạn click vào hai đường link dưới đây:

Link 1:http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css

Link 2:http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt.css

          Coppy nội dung 2 file trên.Vào Start góc trái màn hình và Chọn AllProgram >Acsicess > Note Pad.Dán ND link 1 vào.

Quý thầy cô  có thể sửa chữa hai bộ Theme này để tự tạo giao diện mới cho mình bằng cách chỉnh sửa các ảnh trong giao diện (cứ copy đường dẫn ảnh dán vào địa chỉ web sau đó load ảnh đó về dùng shop sửa lại, lại up ảnh đó lên violet để lấy link dán vào các link cần sửa ảnh trong code mà thầy cô vừa dowload về)

Các lilnk cần sửa ví dụ như:

HEADDER: 

http://d2.violet.vn/uploads/resources/606/header1.gif

(Ảnh trên không sửa )

http://d2.violet.vn/uploads/resources/608/chan_Blog_ngu_van_02.gif 

http://lebinh72qn.violet.vn/document/show/entry_id/5386971

http://d2.violet.vn/uploads/thumbnails/608/thumbnails2/MAU_DUOI_KHONG_CHU.gif.jpg 

BOTTOM: 

http://d2.violet.vn/uploads/resources/606/BAR7MAU_LVB.gif

http://d2.violet.vn/uploads/resources/606/BAR7MAU_LB.gif

 KHUNG 1 DO

  http://d2.violet.vn/uploads/resources/606/back01LVB.gif

KHUNG 2 XANH

 http://d2.violet.vn/uploads/resources/606/back02LVB.gif

http://d3.violet.vn/uploads/previews/blog/4779/back001lvb.gif

http://d3.violet.vn/uploads/previews/blog/4779/back002lvb.gif 

Sửa xong,úp ảnh lên Violet, lấy link về thay đoạn mã trên và lưu lại đặt tên tập tin "a..." có đuôi .txt.Link 2 cũng làm tương tự như vậy.Sau đó đổi đuôi 2 tập tin trên = "a..." có đuôi .css      

Bước 2: Úp 2 tập tin trên vào Hosting và lấy tên 2 tập tin đó dán và đoạn mã sau:

http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css"/>

http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt.css"/>

Phân tích: 

http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css

          http://users9.jabry.com/nhungnhipcautrithuc/ (tên tài khoản Hosting của mình)

          Mlnnctt1.css  (Tên tài liệu mà mình gửi vào Hosting) Bôi đen tên tài liệu tập tin có đuôi .css và dán vào)

Bước 3: Copy code vừa mới chỉnh sửa dán vào một khối tự tạo để xem điều gì xảy ra đã ? không nên dán vào thông tin bản quyền vì xảy ra lỗi thì làm sao hả trời ? Mình nên chọn giao diện mẫu của Violet sao cho phù hợp

-Giao diện NNCTT màu hồng toàn thân khối chính:

 "http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css">

"http://users9.jabry.com/nhungnhipcautrithuc/Linduoithaylai.css">

 -Giao diện NNCTT màu xanh nhạt toàn thân khối chính, tiêu đề khối chính màu hồng nhạt êm dịu:

"http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css">

"http://users9.jabry.com/nhungnhipcautrithuc/Linduoimauxanhnhatttrang.css">

  -Giao diện NNCTT màu xanh nhạt toàn trang .

 "

http://users9.Jabry.com/lebinhpro/Sonnhalan1.css 

 "> 

Còn đây nữa, xanh xanh cả menu ngang luôn !

"http://users9.Jabry.com/lebinhpro/Sonnhalan5.css">

Đây là mẫu giao diện hoàn chỉnh, mình cảm thấy đẹp !

"http://users9.Jabry.com/lebinhpro/Sonnhalan5.css">

Mẫu Giao diện NNCTT trên với nền cả trang xanh quá, khó đọc tên tiêu đề tư liệu còn lại.Mình mới thay màu xanh nhạt hơn.Code nguồn Ở đây nè !

Mã màu :background: #67B1DF;

Code chèn vào Blog : 

"http://users9.Jabry.com/lebinhpro/Sonnhalan5sua.css 

 ">

Mẫu Giao diện NNCTT, thanh menu khong co khung

File nguon tai day

Code :

"http://users9.Jabry.com/lebinhpro/Sonnhslan5menukhongkhung.css">

Có lẽ sẽ sửa nữa !!! 

 Nếu thành thạo rồi thì VỌC tiếp.Xem thêm ở đây nha !

KÍNH CHÚC QUÝ THẦY CÔ VỌC VUI VẺ NHÉ.

Mình biết tới đó thôi.