Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 43
Vui vẻ
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! IMG0662A_01
Duyên dáng
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 50-1
Đẹp trai
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 002-1
Ăn chơi
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 7-2
Hồn nhiên
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Copy2ofCopyofDSC04348
Và ....
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 29032009089
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 29032009090
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 29032009095
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! A
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Copy2ofCopyofDSC04348
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Copy2ofDSC04352
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Copy3ofDSC04351
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 28e8b48a-453b-4e09-9fee-07c94ca1549
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 7-2
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! PICT0008
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! H001
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! B78d7c10-8f60-44db-a1e9-9235fddcd4c
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 50-1
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 002-1
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! PICT0009-1
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Fxv0otV
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 64n34
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Ccef2884-f258-4732-9a53-52b4e336383

Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Cuoinay
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! B5bce6fb-18a3-4984-b96f-3f1c22e1339
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 000
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! IMG0657A
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 43
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! SDC10078

Thêm biểu tượng ngăn dòng cho Module Bài Viết !

Go down

Thêm biểu tượng ngăn dòng cho Module Bài Viết ! Empty Thêm biểu tượng ngăn dòng cho Module Bài Viết !

Bài gửi by meocon on Fri Jun 05, 2009 3:48 am

Dạo này bận quá, nên cũng ít có thời gian đầu tư để viết 1 bài Hướng Dẫn nào nữa :) Mặc dù Bài Này dự định viết lâu rồi, nhưng giờ mới bắt tay thi công được
Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 11
Giờ nói về Bài Viết này nhé. Trước đây, có clẽ chắc khá nhiều người sử dụng đọan Code thêm nền cho phần Add Tag friend trong Bài Viết, vì vậy khi ra ngoài Mod Bài Viết ở Trang Chủ Blog, phần này vẫn hiện nền lên, nhưng thực chất đó không phải là phần ngăn dòng Bài Viết, vì ở Mod Bài Viết vẫn còn hiện lên 1 đường gạch chấm phân chia các Bài Viết.

Thêm biểu tượng ngăn dòng cho Module Bài Viết ! 22
Vì thế đó chính là mục đích chính của Bài Viết này, giúp các bạn xóa bỏ cái đường xấu xấu đó ;)), hay là thay đường đó bằng hình ảnh khác ( như Blog mình) .

Giờ là vào phần chính nhé :

1> Thêm nền phần Add Tag Bài Viết :
Code này cũng được khá nhiều blog share rồi, nên ban đầu mình cũng không có ý định post thêm làm gì. Tuy nhiên đã viết bài này thì cũng nên thêm phần này luôn cho đủ bộ chứ nhỉ ? Các bạn chú ý đọan Code này sẽ ảnh hưởng đến cả Mod Bài Viết và cả trong mỗi Entry nữa đấy !

Code:
.mod-alist-tagsbar {background:transparent url(Link Ảnh) no-repeat center bottom;height: X px }

Chú ý : phần height, các bạn nhớ thay X bằng chiều cao của ảnh nền hoặc cao hơn nhé !

2> Xoá đường ngăn dòng :

Phần này dành cho những ai đã sử dụng Code thay nền Tag Bài Viết ở Phần 1 .
Các bạn Copy đọan Code này vào CSS nhé :

Code:
.mod-alist-summary .main-bd li{border-top:none}

3> Thay đường ngăn dòng bằng Hình Ảnh :

Phần này dùng cho những ai chưa sử dụng Code nền Add Tag :

Code:
.mod-alist-summary .main-bd li{border-top:none;background:url(Link Ảnh) no-repeat bottom;}

Chú ý : Nếu ai đã dùng Code Add Tag, thì tốt nhất đừng nên sử dụng thêm Code ở phần 2 của mình, vì như vậy sẽ làm Blog trở nên rối mắt, rất mất thẩm mỹ :)
Qua bài viết này, mình cũng muốn nói thêm với một số bạn đang tập thiết kế theme cho Blog. Một Blog đẹp không có nghĩa là Blog đó phải nhiều màu sắc, phải lung linh long lanh hay có quá nhiều ảnh động đâu nhé. Một Blog đẹp các bạn phải biết lựa chọn và kết hợp những Code chỉnh sửa, kết hợp thêm hình ảnh để làm đẹp thôi :). Cũng giống như bài này, nếu ai đã dùng Code Add Tag, nếu biết kết hợp có thể dùng thêm Code 3, tuy nhiên tốt nhất là chỉ sử dụng Code 1 và 2. Còn ai chưa dùng Code 1 thì có thể dùng Code 3 !

Chúc các bạn thành công nhé !

(Bản quyền bài viết thuộc về w.a8family.forumvi.net , vui lòng ghi rõ nếu sử dụng lại nhé )
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết