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

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

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.


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é )