Mặc dù trong tôi vẫn rất yêu em nhưng đành vùi lấp trong sương đêm. Lạnh lùng mong quên đi 1 cái tên cho quên mau đi giấc mơ về em.

Mô-đun 5

Sửa Đóng

只是喜歡我這麼做的

Danh sách bài đã đăng

Sửa Đóng
1 - Một số vấn đề cơ bản :

a - CSS là gì ? CSS của Blog Plus nằm ở đâu ?

Chỉnh sửa CSS, việc mà bạn cần làm trong hầu hết các thủ thuật trong Blog của mình. Có nhiều bạn không biết phải làm sao, vì vậy mà không thể làm được thủ thuật trong bài viết. Vì vậy các bạn để ý kĩ phần này nhé, khá đơn giản thôi !

- Đầu tiên bạn click Thiết Kế > Theme .
- Chọn Chế Độ Tự Chỉnh Sửa > Tiếp  .



- Bản Thiết Kế hiện ra, bạn rê chuột kéo thanh trượt đến phần CSS fía dưới nhé !
- Và cuối cùng là chỉnh gì tuỳ thích ( miễn sao bạn biết mình đang làm jì là được =)) )




 

2 - Thiết kế Theme :

a - Thay nền Theme :

Làm thế nào để thay nền Theme ??
--- Bạn có thể dùng đoạn Code sau đây :

Theme 1 mảnh :

Code :
body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}

Thay Link Ảnh mún làm Theme vào Code trên, lưu ý phải là direct link !

Theme 2 Mảnh :

Code
body{background:#ma_mau;}

#doc2, #doc{background:#ma_mau url(Link ảnh Top) no-repeat center top;}

#bd{background:transparent url(Link ảnh Bottom) no-repeat center bottom;}

--- Lưu ý : Theme 2 mảnh này bao gồm :

  • Link Ảnh Top : Link ảnh phần trên của theme.

  • Link Ảnh Bottom : Link ảnh phần dưới của theme.

b - Theme đứng yên :

Làm thế nào để nền theme đứng yên khi di chuyển chuột lên hoặc xuống ??? 
--- Câu trả lời là dùng thuộc tính fixed, tức là đoạn Code sẽ thêm fixed vào ở thuộc tính ảnh :

Code :
body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}

3 - Thay nền, và làm Trong Suốt nền các Module :

a - Thay nền Module :

  • Module Cột Giữa :

Code:
.col-600 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh);}

  • Module Cột Nhỏ :

Code:
.col-150 .rc_bd  .rc_bc .bd {background:transparent url(Link Ảnh);}

b - Thay nền Tiêu Đề Module :

  • Nền Tiêu Đề Module Cột Lớn :

Code:
.col-600 .rc_bd  .rc_bc .hd .titlebar .hd,.col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent url(Link Ảnh);}

  • Nền Tiêu Đề Module Cột Nhỏ :

Code:
.col-150 .rc_bd  .rc_bc .hd .titlebar .hd,.col-150 .rc_bd  .rc_bc .hd .titlebar{background:transparent url(Link Ảnh);}

Code:
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link viền trên) no-repeat right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay Link Viền bên Fải) no-repeat left bottom;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay Link nút bên trái fía trên) repeat-y right top;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link ảnh Viền bên trái) repeat-y ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay Link ảnh Viền Dưới) no-repeat right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay Link ảnh nút trái fía dưới) no-repeat left top;}

b - Blast :

--- Đây là Code để thay đổi 1 Blast hoàn chỉnh bao gồm các viền, cạnh hoàn chỉnh (giống Blast của mình):

Code :
#blast .rc_bc .bd{background-color:transparent;background-image:url(Nền Blast);}

#blast .rc div {background:transparent url(Link Ảnh Trên) no-repeat right bottom;}
#blast .rc {background:transparent url(Link Góc Trái) no-repeat left bottom;}
#blast .rc_bd div.rc_bc {background:transparent url(Link Cạnh Phải) repeat-y right top;}
#blast .rc_bd {background:transparent url(Link Cạnh Trái) repeat-y ;}
#blast .rc_ft {background:transparent url(Link Mũi Tên Góc Dưới) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(Link Cạnh Dưới) no-repeat right bottom;}

---- Nếu không thể thiết kế nền Blast hoàn chỉnh, bạn có thể dùng Code sau để thay nền chính cho Blast, các phần cạnh còn lại đều trong suốt hết :

Code:
#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}

#blast .rc_bc .bd{background-color:transparent;background-image:url(Link Ảnh);}

Chú ý chỉ thay link ảnh mún làm nền vào phía dưới thôi nhé !!

c - Nút Homepage :

Có thể dùng Code sau để thay nút Homepage cho Blog :

Code :

div.backhomtbtn a.backtomyblog {background:url(Thay Link Ảnh Homepage của bạn vào nhé) no-repeat;}
d - Thay Banner cho Blog :

Để thay ảnh banner cho Blog, bạn làm như sau :

- Click Thiết Kế > Click chữ Sửa Module Tên Blog, sau đó chọn :

  • Hình Ảnh Từ Máy Tính : Bấm Browers, sau đó chọn Ảnh mún làm Banner

  • Chọn tiếp : Hình Nền Trống, Không Có Khung

e - Di chuyển, Xoá Module trong Blog :

  • Để di chuyển vị trí Module trong blog, bạn click Thiết Kế, sau đó kéo module cần di chuyển vào vị trí  thích hợp.

  • Để Xoá Module nào đó, bạn Click thiết Kế, sau đó Click Xoá

5 - Một số thủ thuật trình bày bài viết : (Dùng cho bài viết thôi)

a - Chèn Link :

Để chèn một link vào trong đoạn Text nào đó, bạn bôi đen đoạn Text, sau đó click vào Nút  và gõ link muốn chèn vào là xong.

6 -Hiệu ứng rê chuột vào Link :

Để thêm hiệu ứng khi rê chuột vào link, xuất hiện ảnh hoa, trái tim bay, hay phát sáng .... các bạn dùng Code sau :

Code :
a:hover{background:transparent url(Link Ảnh)}

Thay link ảnh muốn xuất hiện khi rê chuột vào Code trên và cho vào CSS nhé !

7 - Chèn Ảnh vào Blog :

a - Chèn Ảnh :

Muốn chèn Ảnh vào blog, cũng có khá nhiều cách, nhưng đơn giản nhất là dùng Code sau :

Code :
<img src="Link Ảnh">

  • Thay link Ảnh mún chèn vào Code sau, và chèn Code trên vào Module Tự Tạo.

  • Nếu mún chèn vào bài viết, bạn check dấu HTML, sau đó cũng chèn code này vào bài viết luôn, và ỏ dấu HTMl đi.
(Bản quyền bài viết thuộc về W.Dephia's Blog
  • Thư mục: Thủ thuật blog plus |
    Đăng ngày: 23:55 20-06-2009
    Bạn có muốn thay đổi hình nền của mỗi comment không ? Chắc vụ này có khá nhiều bạn muốn làm lắm nhỉ ?Nếu vậy thì bạn xem hướng dẫn dưới đây nhé : Cách thực hiện như sau : Bư...
    Lời bình (0) | Trích dẫn (0)
  • Thư mục: Thủ thuật blog plus |
    Đăng ngày: 23:23 19-06-2009
    Sau đây là các nút Homepage mới làm nè ( xấu đừng chê nhé :P ) :   Button for Banoj's Blog :  Button for  kopepanziem313 Button fo...
    Lời bình (0) | Trích dẫn (0)
  • Thư mục: Thủ thuật blog plus |
    Đăng ngày: 16:39 19-06-2009
    A - Post Nhạc Từ nhaccuatui.com :1 - Post nhạc bình thường (chỉ có 1 bài hát) : Đầu tiên, vào trang chủ nhaccuatui.com và chọn 1 bài hát nào :   &n...
    Lời bình (0) | Trích dẫn (0)
  • Thư mục: Thủ thuật blog plus |
    Đăng ngày: 10:25 19-06-2009
    1 - Giải thích về cách làm nền trong suốt có màu : Thực ra đây cũng chỉ là dùng ảnh nền màu để làm nền cho các Module thôi. tuy nhiên, các nền này được giảm độ trong suốt ...
    Lời bình (11) | Trích dẫn (0)

Mô-đun 3

Sửa Đóng

music

Blog tôi thích

Sửa Đóng

Blog tôi thích

Thống kê

Sửa Đóng

Thống kê

  • Khách hôm qua: 2
  • Tổng số khách: 36
  • lượt xem hôm nay: 0
  • Tổng lượt xem: 710
  • Bài viết: 41
  • Hình ảnh: 1
  • Lời bình : 105

Mô-đun 2

Sửa Đóng

Tiêu đề

Nội dung
 

R H
G S
B V

#