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 .
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 !
